:root{--fb-accent:#0E7C86;--fb-accent-contrast:#ffffff;--fb-code-surface:rgba(20,30,50,.06);--fb-hover:rgba(20,30,50,.05);--fb-danger:#c0392b;--fb-font-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--fb-ink:#10201F;--fb-paper:#F8FAFA;--fb-muted:#4A5A58;--fb-line:#DFE8E7;--fb-surface:#FFFFFF;--fb-radius:18px;--fb-font-family:-apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Segoe UI', Inter, system-ui, sans-serif;--fb-font-body:-apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Segoe UI', Inter, system-ui, sans-serif;--fb-font-heading:Georgia, 'Iowan Old Style', 'Times New Roman', serif;--fb-text-xs:12px;--fb-text-sm:14px;--fb-text-md:16px;--fb-text-lg:20px;--fb-text-xl:25px;--fb-text-2xl:31px;--fb-text-3xl:39px;--fb-space-1:4px;--fb-space-2:8px;--fb-space-3:12px;--fb-space-4:16px;--fb-space-5:24px;--fb-space-6:32px;--fb-space-7:48px;--fb-space-8:64px;--fb-measure:68ch;--fb-focus:#0E7C86;--fb-shadow-1:0 1px 3px color-mix(in srgb, #172033 10%, transparent);--fb-shadow-2:0 4px 12px color-mix(in srgb, #172033 14%, transparent);--fb-shadow-3:0 12px 32px color-mix(in srgb, #172033 20%, transparent);--fb-mark:color-mix(in srgb,var(--fb-accent-2,var(--fb-accent)) 30%,transparent);--accent:var(--fb-accent);--ink:var(--fb-ink);--paper:var(--fb-paper);--muted:var(--fb-muted);--line:var(--fb-line);--surface:var(--fb-surface);font-family:var(--fb-font-body)}h1,h2,h3,h4,h5,h6{font-family:var(--fb-font-heading)}mark{background:var(--fb-mark);color:inherit}:focus-visible{outline:2px solid var(--fb-focus);outline-offset:2px}html[data-fb-theme="default"]{--fb-ink:#18251f;--fb-line:#e7e9e5;--fb-muted:#788079;--fb-paper:#f7f8f5;--fb-accent:#dfff45;--fb-surface:#ffffff;--fb-accent-contrast:#18251f;}html[data-fb-theme="horizon-dark"]{--fb-btn:#2BD9A0;--fb-ink:#E8F6F4;--fb-good:#9FE2BD;--fb-line:#1C2B2A;--fb-risk:#FFB4A2;--fb-warn:#F2D38A;--fb-muted:#93ABA8;--fb-paper:#081212;--fb-accent:#2BD9A0;--fb-chrome:#0C1717;--fb-danger:#FF9C8A;--fb-scheme:dark;--fb-btn-ink:#03241A;--fb-good-bg:#1E3A2A;--fb-risk-bg:#42211A;--fb-surface:#0F1C1C;--fb-warn-bg:#3A3018;--fb-on-accent:#03241A;--fb-accent-ink:#52E3B4;--fb-chrome-ink:#E8F6F4;--fb-chrome-line:#1C2B2A;--fb-chrome-hover:#1A2A2A;--fb-chrome-muted:#93ABA8;--fb-chrome-accent:#2BD9A0;--fb-chrome-active:#1A2A2A;--fb-chrome-surface:#132222;--fb-accent-contrast:#03241A;}html[data-fb-theme="horizon-light"]{--fb-btn:#0E7C86;--fb-ink:#10201F;--fb-good:#24583A;--fb-line:#DFE8E7;--fb-risk:#8A2E12;--fb-warn:#6B4E0A;--fb-muted:#4A5A58;--fb-paper:#F8FAFA;--fb-accent:#0E7C86;--fb-chrome:#FFFFFF;--fb-danger:#B42318;--fb-scheme:light;--fb-btn-ink:#FFFFFF;--fb-good-bg:#E3F0E6;--fb-risk-bg:#F7E0D8;--fb-surface:#FFFFFF;--fb-warn-bg:#F6ECD3;--fb-on-accent:#FFFFFF;--fb-accent-ink:#0B6A73;--fb-chrome-ink:#10201F;--fb-chrome-line:#E0E9E8;--fb-chrome-hover:#EAF4F4;--fb-chrome-muted:#4A5A58;--fb-chrome-accent:#0E7C86;--fb-chrome-active:#EAF4F4;--fb-chrome-surface:#FFFFFF;--fb-accent-contrast:#FFFFFF;}html[data-fb-theme="cp-content-app"]{--fb-btn:#0E7C86;--fb-ink:#10201F;--fb-good:#24583A;--fb-line:#DFE8E7;--fb-risk:#8A2E12;--fb-warn:#6B4E0A;--fb-muted:#4A5A58;--fb-paper:#F8FAFA;--fb-accent:#0E7C86;--fb-chrome:#FFFFFF;--fb-danger:#B42318;--fb-scheme:light;--fb-btn-ink:#FFFFFF;--fb-good-bg:#E3F0E6;--fb-risk-bg:#F7E0D8;--fb-surface:#FFFFFF;--fb-warn-bg:#F6ECD3;--fb-on-accent:#FFFFFF;--fb-accent-ink:#0B6A73;--fb-chrome-ink:#10201F;--fb-chrome-line:#E0E9E8;--fb-chrome-hover:#EAF4F4;--fb-chrome-muted:#4A5A58;--fb-chrome-accent:#0E7C86;--fb-chrome-active:#EAF4F4;--fb-chrome-surface:#FFFFFF;--fb-accent-contrast:#FFFFFF;}html[data-fb-theme="cp-content-ink"]{--fb-btn:#0E7C86;--fb-ink:#10201F;--fb-good:#24583A;--fb-line:#DFE8E7;--fb-risk:#8A2E12;--fb-warn:#6B4E0A;--fb-muted:#4A5A58;--fb-paper:#F8FAFA;--fb-accent:#0E7C86;--fb-chrome:#FFFFFF;--fb-danger:#B42318;--fb-scheme:light;--fb-btn-ink:#FFFFFF;--fb-good-bg:#E3F0E6;--fb-risk-bg:#F7E0D8;--fb-surface:#FFFFFF;--fb-warn-bg:#F6ECD3;--fb-on-accent:#FFFFFF;--fb-accent-ink:#0B6A73;--fb-chrome-ink:#10201F;--fb-chrome-line:#E0E9E8;--fb-chrome-hover:#EAF4F4;--fb-chrome-muted:#4A5A58;--fb-chrome-accent:#0E7C86;--fb-chrome-active:#EAF4F4;--fb-chrome-surface:#FFFFFF;--fb-accent-contrast:#FFFFFF;}html[data-fb-theme="horizon-future"]{--fb-btn:#0E7C86;--fb-ink:#0B1020;--fb-good:#24583A;--fb-line:#DCE2EE;--fb-risk:#8A2E12;--fb-warn:#6B4E0A;--fb-muted:#373D53;--fb-paper:#EEF2FA;--fb-accent:#0E7C86;--fb-chrome:#F7F9FD;--fb-danger:#B42318;--fb-scheme:light;--fb-btn-ink:#FFFFFF;--fb-good-bg:#E3F0E6;--fb-risk-bg:#F7E0D8;--fb-surface:#FFFFFF;--fb-warn-bg:#F6ECD3;--fb-on-accent:#FFFFFF;--fb-accent-ink:#0B6A73;--fb-chrome-ink:#0B1020;--fb-chrome-line:#DDE3EF;--fb-chrome-hover:#E6ECF8;--fb-chrome-muted:#373D53;--fb-chrome-accent:#0E7C86;--fb-chrome-active:#E6ECF8;--fb-chrome-surface:#FFFFFF;--fb-accent-contrast:#FFFFFF;}html[data-fb-theme="cp-content-contrast"]{--fb-btn:#0E7C86;--fb-ink:#10201F;--fb-good:#24583A;--fb-line:#DFE8E7;--fb-risk:#8A2E12;--fb-warn:#6B4E0A;--fb-muted:#4A5A58;--fb-paper:#F8FAFA;--fb-accent:#0E7C86;--fb-chrome:#FFFFFF;--fb-danger:#B42318;--fb-scheme:light;--fb-btn-ink:#FFFFFF;--fb-good-bg:#E3F0E6;--fb-risk-bg:#F7E0D8;--fb-surface:#FFFFFF;--fb-warn-bg:#F6ECD3;--fb-on-accent:#FFFFFF;--fb-accent-ink:#0B6A73;--fb-chrome-ink:#10201F;--fb-chrome-line:#E0E9E8;--fb-chrome-hover:#EAF4F4;--fb-chrome-muted:#4A5A58;--fb-chrome-accent:#0E7C86;--fb-chrome-active:#EAF4F4;--fb-chrome-surface:#FFFFFF;--fb-accent-contrast:#FFFFFF;}@media (prefers-color-scheme:light){html:not([data-fb-theme]){--fb-btn:#0E7C86;--fb-ink:#10201F;--fb-good:#24583A;--fb-line:#DFE8E7;--fb-risk:#8A2E12;--fb-warn:#6B4E0A;--fb-muted:#4A5A58;--fb-paper:#F8FAFA;--fb-accent:#0E7C86;--fb-chrome:#FFFFFF;--fb-danger:#B42318;--fb-scheme:light;--fb-btn-ink:#FFFFFF;--fb-good-bg:#E3F0E6;--fb-risk-bg:#F7E0D8;--fb-surface:#FFFFFF;--fb-warn-bg:#F6ECD3;--fb-on-accent:#FFFFFF;--fb-accent-ink:#0B6A73;--fb-chrome-ink:#10201F;--fb-chrome-line:#E0E9E8;--fb-chrome-hover:#EAF4F4;--fb-chrome-muted:#4A5A58;--fb-chrome-accent:#0E7C86;--fb-chrome-active:#EAF4F4;--fb-chrome-surface:#FFFFFF;--fb-accent-contrast:#FFFFFF;}}@media (prefers-color-scheme:dark){html:not([data-fb-theme]){--fb-btn:#0E7C86;--fb-ink:#10201F;--fb-good:#24583A;--fb-line:#DFE8E7;--fb-risk:#8A2E12;--fb-warn:#6B4E0A;--fb-muted:#4A5A58;--fb-paper:#F8FAFA;--fb-accent:#0E7C86;--fb-chrome:#FFFFFF;--fb-danger:#B42318;--fb-scheme:light;--fb-btn-ink:#FFFFFF;--fb-good-bg:#E3F0E6;--fb-risk-bg:#F7E0D8;--fb-surface:#FFFFFF;--fb-warn-bg:#F6ECD3;--fb-on-accent:#FFFFFF;--fb-accent-ink:#0B6A73;--fb-chrome-ink:#10201F;--fb-chrome-line:#E0E9E8;--fb-chrome-hover:#EAF4F4;--fb-chrome-muted:#4A5A58;--fb-chrome-accent:#0E7C86;--fb-chrome-active:#EAF4F4;--fb-chrome-surface:#FFFFFF;--fb-accent-contrast:#FFFFFF;}}
@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url("../_fonts/1/inter-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url("../_fonts/1/inter-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url("../_fonts/1/inter-cyrillic.woff2") format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}
@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url("../_fonts/1/inter-cyrillic-ext.woff2") format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;}
.fb-block{grid-column:1/-1;flex-basis:100%}
.sc-nav-item{position:relative;display:inline-flex;align-items:center}.sc-nav-sub{position:absolute;left:0;top:100%;z-index:50;display:flex;flex-direction:column;width:max-content;max-width:min(20rem,calc(100vw - 16px));gap:1px;padding:5px;margin-top:6px;background:var(--fb-paper,#fff);border:1px solid color-mix(in srgb, var(--fb-line,rgba(20,30,50,.18)) 55%, transparent);border-radius:calc(var(--fb-radius,12px) * .4);box-shadow:var(--fb-shadow-1,0 1px 3px rgb(15 23 42 / 10%)),var(--fb-shadow-2,0 4px 12px rgb(15 23 42 / 14%));visibility:hidden;opacity:0;transform:translateY(-4px);transition:opacity 140ms ease,transform 140ms ease,visibility 0s linear 140ms}.sc-nav-sub::before{content:"";position:absolute;left:0;right:0;top:-7px;height:7px}.sc-nav-sub .sc-nav-sub{top:18px;left:100%;margin:0 0 0 6px}.sc-nav-sub .sc-nav-sub::before{left:-7px;right:auto;top:-26px;bottom:0;width:7px;height:auto}.sc-nav>.sc-nav-item:last-child>.sc-nav-sub{left:auto;right:0}.sc-nav>.sc-nav-item:last-child .sc-nav-sub .sc-nav-sub{left:auto;right:100%;margin:0 6px 0 0}.sc-nav>.sc-nav-item:last-child .sc-nav-sub .sc-nav-sub::before{left:auto;right:-7px}.sc-nav .sc-nav-has-children>a{display:flex;align-items:center;gap:6px}.sc-nav .sc-nav-has-children>a::after{content:"";display:inline-block;flex:none;width:0;height:0;vertical-align:middle;border:4px solid transparent;border-top-color:currentColor;border-bottom-width:0;margin-top:1px;opacity:.6}.sc-nav-sub .sc-nav-has-children>a{justify-content:space-between}.sc-nav-sub .sc-nav-has-children>a::after{border:4px solid transparent;border-left-color:currentColor;border-right-width:0;margin:0 0 0 6px}.sc-nav-has-children:hover>.sc-nav-sub,.sc-nav-has-children:focus-within>.sc-nav-sub{visibility:visible;opacity:1;transform:translateY(0);transition:opacity 140ms ease,transform 140ms ease,visibility 0s}.sc-nav-sub>a,.sc-nav-sub .sc-nav-item>a{display:block;padding:7px 11px;overflow-wrap:anywhere;border-radius:calc(var(--fb-radius,12px) * .28);transition:background-color 120ms ease,color 120ms ease}.sc-nav-sub>a:hover,.sc-nav-sub>a:focus-visible{background:var(--fb-hover,rgba(20,30,50,.06))}@media (prefers-reduced-motion:reduce){.sc-nav-sub{transform:none;transition:none}.sc-nav-has-children:hover>.sc-nav-sub,.sc-nav-has-children:focus-within>.sc-nav-sub{transform:none;transition:none}}.sc-page-index a[data-depth="1"]{margin-left:var(--fb-space-4,16px)}.sc-page-index a[data-depth="2"]{margin-left:var(--fb-space-6,32px)}.sc-page-index a[data-depth="3"]{margin-left:var(--fb-space-7,48px)}
/* styles/site.css */
:root{--ink:var(--fb-ink);--muted:var(--fb-muted);--line:var(--fb-line);--paper:#F4F3F0;--surface:var(--fb-surface);--accent:var(--fb-accent);--r:var(--fb-radius);--font:var(--fb-font-family);--head:var(--fb-font-heading,var(--fb-font-family));
--tint:color-mix(in srgb,var(--accent) 8%,var(--surface));--tint2:color-mix(in srgb,var(--accent) 14%,var(--surface));--sunk:color-mix(in srgb,var(--ink) 4%,var(--paper));
--sh1:0 1px 2px rgb(20 20 30/.04),0 1px 3px rgb(20 20 30/.06);--sh2:0 2px 4px rgb(20 20 30/.04),0 8px 24px -6px rgb(20 20 30/.10);--sh3:0 12px 40px -12px rgb(20 20 30/.22);
--ease:cubic-bezier(.2,.8,.2,1);color:var(--ink);background:var(--paper);font:15px/1.5 var(--font);-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}
body{margin:0;min-width:320px;background:var(--paper);color:var(--ink)}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%;height:auto}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:8px}

/* ---------- Shell ---------- */
.app{display:grid;grid-template-columns:268px minmax(0,1fr);min-height:100vh}
.rail{position:sticky;top:0;height:100vh;overflow-y:auto;display:flex;flex-direction:column;gap:18px;padding:18px 14px;background:color-mix(in srgb,var(--ink) 3.5%,var(--paper));border-right:1px solid var(--line)}
.ws{display:flex;align-items:center;gap:11px;padding:6px 8px;border-radius:12px;min-height:48px;transition:background .2s var(--ease)}
.ws:hover{background:color-mix(in srgb,var(--ink) 5%,transparent)}
.ws-logo{flex:none;width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:var(--ink);color:var(--paper);font-weight:700;font-size:13px;letter-spacing:.02em}
.ws-name{display:grid;min-width:0;line-height:1.25}.ws-name b{font-size:15px;letter-spacing:-.01em}.ws-name small{font-size:12px;color:var(--muted)}
.deal-mini{display:grid;gap:8px;padding:12px 14px;border-radius:14px;background:var(--surface);box-shadow:var(--sh1);border:1px solid var(--line);transition:transform .15s var(--ease),box-shadow .2s var(--ease)}
.deal-mini:hover{box-shadow:var(--sh2)}.deal-mini:active{transform:scale(.98)}
.dm-top{display:flex;justify-content:space-between;align-items:baseline;font-size:12px;color:var(--muted)}.dm-top b{color:var(--ink);font-size:13px}
.dm-bar{display:grid;grid-template-columns:repeat(6,1fr);gap:3px}.dm-bar i{height:5px;border-radius:3px;background:var(--line)}.dm-bar i.on{background:var(--ink)}.dm-bar i.now{background:var(--accent)}
.dm-next{font-size:12.5px;font-weight:600;letter-spacing:-.005em}
.rail-nav{display:grid;gap:14px}
.grp-label{margin:0 0 4px;padding:0 10px;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.rail .sc-nav,.menu .sc-nav{display:grid;gap:1px}
.rail .sc-nav a,.menu .sc-nav a{position:relative;display:flex;align-items:center;gap:10px;min-height:38px;padding:0 10px;border-radius:9px;font-size:14px;font-weight:500;color:color-mix(in srgb,var(--ink) 82%,var(--paper));transition:background .15s var(--ease),transform .12s var(--ease)}
.rail .sc-nav a::before,.menu .sc-nav a::before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:color-mix(in srgb,var(--ink) 22%,transparent);transition:background .2s var(--ease),transform .2s var(--ease)}
.rail .sc-nav a:hover{background:color-mix(in srgb,var(--ink) 5.5%,transparent)}
.rail .sc-nav a:active{transform:scale(.98)}
.rail-foot{margin-top:auto;display:grid;gap:10px;padding-top:12px;border-top:1px solid var(--line)}
.people-mini,.me{display:flex;align-items:center;gap:10px;padding:4px 6px}
.people-mini>span:last-child,.me>span{display:grid;line-height:1.25;min-width:0}.people-mini b,.me b{font-size:13px}.people-mini small,.me small{font-size:11.5px;color:var(--muted)}
.stack{display:inline-flex}.stack .av{margin-left:-6px;box-shadow:0 0 0 2px var(--paper)}.stack .av:first-child{margin-left:0}
.av{flex:none;width:30px;height:30px;display:inline-grid;place-items:center;border-radius:50%;font-style:normal;font-size:11px;font-weight:650;color:#fff;letter-spacing:.02em}
.a1{background:#2F5D7C}.a2{background:var(--accent)}.a3{background:#3F6B4E}.a4{background:#6B4F8C}
.main{min-width:0;display:flex;flex-direction:column}
.bar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:12px;min-height:60px;padding:0 clamp(16px,3vw,32px);background:color-mix(in srgb,var(--paper) 72%,transparent);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);box-shadow:0 1px 0 color-mix(in srgb,var(--line) 70%,transparent)}
.path{margin:0 auto 0 0;display:flex;align-items:center;gap:8px;min-width:0;font-size:13.5px;color:var(--muted)}.path b{color:var(--ink);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.path .sep{opacity:.5}
.chip{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 12px;border-radius:999px;background:var(--surface);border:1px solid var(--line);font-size:12.5px;font-weight:600;white-space:nowrap}
.chip-live i{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent)}
.bar-stack .av{width:28px;height:28px;font-size:10.5px}
.menu{display:none;position:relative}
.menu summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;min-height:40px;padding:0 12px;border-radius:10px;background:var(--surface);border:1px solid var(--line);font-size:14px;font-weight:600}
.menu summary::-webkit-details-marker{display:none}
.burger{display:grid;gap:4px}.burger i{display:block;width:14px;height:2px;border-radius:2px;background:var(--ink)}
.menu nav{position:absolute;left:0;top:calc(100% + 8px);width:min(300px,88vw);max-height:74vh;overflow:auto;display:grid;gap:12px;padding:12px 8px;border-radius:16px;background:color-mix(in srgb,var(--surface) 92%,transparent);-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);border:1px solid var(--line);box-shadow:var(--sh3);transform-origin:top left}
.menu[open] nav{animation:pop .22s var(--ease)}
@keyframes pop{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}
.foot{margin-top:auto;padding:22px clamp(16px,3vw,32px) 28px;font-size:12px;color:var(--muted)}
@media (max-width:1000px){.app{grid-template-columns:minmax(0,1fr)}.rail{display:none}.menu{display:block}.bar-stack{display:none}}
@media (max-width:620px){.chip-live{display:none}.path span:first-child,.path .sep{display:none}}

/* ---------- Buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 16px;border-radius:10px;background:var(--ink);color:var(--paper);font-size:14px;font-weight:600;letter-spacing:-.005em;white-space:nowrap;transition:transform .12s var(--ease),background .2s var(--ease),box-shadow .2s var(--ease);box-shadow:var(--sh1)}
.btn:hover{background:color-mix(in srgb,var(--ink) 86%,var(--accent))}
.btn:active{transform:scale(.97)}
.btn-accent{background:var(--accent);color:#fff}.btn-accent:hover{background:color-mix(in srgb,var(--accent) 88%,#000)}
.btn-ghost{background:var(--surface);color:var(--ink);border:1px solid var(--line);box-shadow:none}.btn-ghost:hover{background:var(--sunk)}
.btn-sm{min-height:34px;padding:0 13px;font-size:13px;border-radius:9px}

/* ---------- View ---------- */
.view{width:100%;max-width:1240px;margin:0 auto;padding:clamp(18px,3vw,32px) clamp(16px,3vw,32px) 48px;display:grid;gap:22px}
.view h1,.view h2,.view h3{font-family:var(--head);margin:0;color:var(--ink)}
.view h1{font-size:clamp(26px,3vw,34px);line-height:1.12;font-weight:700;letter-spacing:-.022em}
.view h2{font-size:19px;line-height:1.25;font-weight:650;letter-spacing:-.014em}
.view h3{font-size:15.5px;line-height:1.3;font-weight:650;letter-spacing:-.008em}
.view p{margin:0}
.vh{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:14px 24px}
.vh-text{display:grid;gap:6px;max-width:760px;min-width:0}
.vh-sub{font-size:15.5px;color:var(--muted)}
.vh-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.vh-actions{display:flex;flex-wrap:wrap;gap:8px}
.tabs{display:inline-flex;flex-wrap:wrap;gap:2px;padding:3px;border-radius:12px;background:color-mix(in srgb,var(--ink) 6%,var(--paper));justify-self:start;max-width:100%}
.tabs a{display:inline-flex;align-items:center;min-height:34px;padding:0 14px;border-radius:9px;font-size:13.5px;font-weight:550;color:var(--muted);transition:background .2s var(--ease),color .2s var(--ease),transform .12s var(--ease)}
.tabs a:hover{color:var(--ink)}.tabs a:active{transform:scale(.97)}
.tabs a[aria-current="page"]{background:var(--surface);color:var(--ink);box-shadow:var(--sh1)}
.grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;align-items:start}
.s12{grid-column:span 12}.s8{grid-column:span 8}.s7{grid-column:span 7}.s6{grid-column:span 6}.s5{grid-column:span 5}.s4{grid-column:span 4}
@media (max-width:1100px){.s8,.s7,.s6,.s5,.s4{grid-column:span 12}}
.card{min-width:0;display:grid;align-content:start;gap:14px;padding:18px 20px;border-radius:var(--r);background:var(--surface);border:1px solid var(--line);box-shadow:var(--sh1)}
.card-h{display:flex;align-items:center;justify-content:space-between;gap:10px}
.card-h a{font-size:13px;font-weight:600;color:var(--accent);white-space:nowrap}
.card-h a:hover{text-decoration:underline}
.card-sub{font-size:13.5px;color:var(--muted)}
.card-hot{background:linear-gradient(160deg,color-mix(in srgb,var(--accent) 92%,#fff) 0%,var(--accent) 60%,color-mix(in srgb,var(--accent) 80%,#000) 100%);border-color:transparent;color:#fff}
.card-hot h2,.card-hot h3{color:#fff}.card-hot .card-sub,.card-hot p{color:color-mix(in srgb,#fff 88%,var(--accent))}
.card-hot .btn{background:#fff;color:var(--ink)}
.card-hot .facts-on{background:rgb(255 255 255/.22);border-color:rgb(255 255 255/.22)}.card-hot .facts-on div{background:rgb(255 255 255/.10)}.card-hot .facts-on dt{color:rgb(255 255 255/.85)}.card-hot .facts-on dd{color:#fff}
.card-hot .over{font-size:12px;font-weight:600;letter-spacing:.02em;opacity:.9}
.stagebar{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}
.stagebar li{list-style:none;display:grid;gap:6px;min-width:0}
.stagebar li::before{content:"";height:6px;border-radius:4px;background:var(--line)}
.stagebar li.done::before{background:var(--ink)}.stagebar li.now::before{background:var(--accent)}
.stagebar b{font-size:12.5px;font-weight:600;letter-spacing:-.005em;overflow-wrap:anywhere}.stagebar span{font-size:12px;color:var(--muted)}
.stagebar li.now b{color:var(--accent)}
ol.stagebar{margin:0;padding:0}
@media (max-width:700px){.stagebar{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:12px}}
.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:1px;margin:0;border-radius:12px;overflow:hidden;background:var(--line);border:1px solid var(--line)}
.facts div{padding:12px 14px;background:var(--surface)}.facts dt{font-size:12px;color:var(--muted)}.facts dd{margin:3px 0 0;font-weight:600;font-size:14.5px;letter-spacing:-.005em}
.rows{list-style:none;margin:0;padding:0;display:grid}
.rows li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:4px 12px;padding:11px 4px;border-top:1px solid var(--line)}
.rows li:first-child{border-top:0}
.rows .ic{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:var(--sunk);font-size:12px;font-weight:700;color:var(--muted)}
.rows .ic.hot{background:var(--tint2);color:var(--accent)}.rows .ic.ok{background:#E3F0E6;color:#2E6B41}
.rows .t{display:grid;min-width:0}.rows .t b{font-size:14px;font-weight:600;letter-spacing:-.005em}.rows .t small{font-size:12.5px;color:var(--muted)}
.rows a.t:hover b{color:var(--accent)}
.pill{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 9px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap;background:var(--sunk);color:var(--ink)}
.pill::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.8}
.p-good{background:#E3F0E6;color:#24583A}.p-warn{background:#F6ECD3;color:#6B4E0A}.p-risk{background:#F7E0D8;color:#8A2E12}.p-info{background:#E1EAF3;color:#23466A}.p-hot{background:var(--tint2);color:var(--accent)}.p-neutral{background:var(--sunk);color:var(--muted)}
.feed{list-style:none;margin:0;padding:0;display:grid;gap:0}
.feed li{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;padding:0 0 16px}
.feed li:not(:last-child)::after{content:"";position:absolute;left:14.5px;top:32px;bottom:2px;width:1px;background:var(--line)}
.feed .fx{display:grid;gap:2px}.feed .fx b{font-size:14px;font-weight:600}.feed .fx span{font-size:13.5px;color:var(--muted)}.feed time{font-size:12px;color:var(--muted)}
.plist{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.plist li{display:flex;gap:12px;align-items:flex-start;padding:14px;border-radius:12px;background:var(--sunk)}
.plist li>div{display:grid;gap:2px;min-width:0}.plist b{font-size:14px}.plist small{font-size:12.5px;color:var(--muted)}.plist p{font-size:13px;margin-top:4px!important}
.opts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
@media (max-width:900px){.opts{grid-template-columns:minmax(0,1fr)}}
.opt{position:relative;display:grid;align-content:start;gap:10px;padding:18px;border-radius:14px;background:var(--surface);border:1px solid var(--line);transition:box-shadow .2s var(--ease),transform .15s var(--ease)}
.opt:hover{box-shadow:var(--sh2)}
.opt .radio{width:18px;height:18px;border-radius:50%;border:2px solid var(--line)}
.opt-rec{border:2px solid var(--accent);box-shadow:0 0 0 4px var(--tint)}
.opt-rec .radio{border-color:var(--accent);box-shadow:inset 0 0 0 4px var(--surface);background:var(--accent)}
.opt ul{margin:0;padding-left:18px;display:grid;gap:5px;font-size:13.5px}
.opt .fit{font-size:13.5px;color:var(--muted)}
.opt-top{display:flex;justify-content:space-between;align-items:center}
.appcard{display:grid;gap:0;padding:0;overflow:hidden}
.appcard .ah{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:14px 18px;border-bottom:1px solid var(--line)}
.appcard .ah>div{display:grid;gap:2px;min-width:0}.appcard .ah small{font-size:13px;color:var(--muted)}
.appcard .ab{padding:0}
.appcard .dot{display:inline-block;width:8px;height:8px;border-radius:2px;background:var(--accent);margin-right:8px}
fb-embed{display:block;width:100%;min-width:0}
.appcard h2{scroll-margin-top:84px}
.jump{display:flex;flex-wrap:wrap;gap:6px}
.jump a{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border-radius:999px;background:var(--surface);border:1px solid var(--line);font-size:13px;font-weight:550;transition:transform .12s var(--ease)}
.jump a:hover{border-color:var(--accent)}.jump a:active{transform:scale(.97)}
.note{font-size:12.5px;color:var(--muted)}
.banner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-radius:var(--r);background:var(--tint);border:1px solid color-mix(in srgb,var(--accent) 22%,var(--line))}
.banner p{font-size:14px}.banner b{font-weight:650}

/* ---------- Live blocks and document viewer ---------- */
.blk{margin:0;display:grid;gap:6px;min-width:0}
.card>.blk{margin:-4px -6px}
.blk figcaption{display:flex;align-items:center;gap:6px;padding:0 4px;font-size:12px;color:var(--muted)}
.blk figcaption::before{content:"";width:6px;height:6px;border-radius:50%;background:#3F9B5F;box-shadow:0 0 0 3px #3F9B5F22}
.blk figcaption{flex-wrap:wrap}.blk-open{margin-left:auto;font-size:13px;font-weight:600;color:var(--fb-accent-ink,var(--accent));text-decoration:none;white-space:nowrap}.blk-open:hover{text-decoration:underline}
.doc-wrap{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:20px;align-items:start}
@media (max-width:1100px){.doc-wrap{grid-template-columns:minmax(0,1fr)}.doc-aside{position:static!important}}
.doc{min-width:0;display:grid;gap:26px;padding:clamp(18px,3vw,36px);border-radius:18px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--sh1)}
.doc>.cover{margin:calc(-1*clamp(18px,3vw,36px)) calc(-1*clamp(18px,3vw,36px)) 0;border-radius:18px 18px 0 0;overflow:hidden}
.doc>.cover img{width:100%;aspect-ratio:1280/400;object-fit:cover}
.doc .sec{display:grid;gap:14px;scroll-margin-top:84px}
.doc .sec>p,.doc .sec li{max-width:74ch}
.doc .sec ul,.doc .sec ol{margin:0;padding-left:20px;display:grid;gap:7px}
.doc .blk{padding:6px;border-radius:14px;background:var(--sunk)}
.doc-aside{position:sticky;top:76px;display:grid;gap:12px}
.toc{display:grid;gap:1px}
.toc a{display:block;padding:6px 10px;border-radius:8px;font-size:13px;color:var(--muted);border-left:2px solid transparent}
.toc a:hover{background:var(--sunk);color:var(--ink);border-left-color:var(--accent)}
.meta{display:grid;gap:8px;margin:0}
.meta div{display:flex;justify-content:space-between;gap:10px;font-size:13px}.meta dt{color:var(--muted)}.meta dd{margin:0;font-weight:600;text-align:right}
/* kit components inside documents */
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:20px;align-items:start}
.split-r{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}
@media (max-width:860px){.split,.split-r{grid-template-columns:minmax(0,1fr)}}
.band{padding:18px 20px;border-radius:14px;background:var(--sunk)}
.band-hot{background:var(--tint)}
.tbl{width:100%;overflow-x:auto;border:1px solid var(--line);border-radius:12px}
.tbl table{width:100%;border-collapse:collapse;font-size:13.5px;min-width:560px}
.tbl th{text-align:left;font-size:12px;font-weight:600;color:var(--muted);padding:10px 14px;background:var(--sunk);border-bottom:1px solid var(--line)}
.tbl td{padding:11px 14px;border-bottom:1px solid var(--line);vertical-align:top;overflow-wrap:anywhere}
.tbl tr:last-child td{border-bottom:0}
.tbl tbody tr{transition:background .15s var(--ease)}.tbl tbody tr:hover{background:color-mix(in srgb,var(--ink) 2.5%,transparent)}
.badge{justify-self:start;display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 9px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap;background:var(--sunk);color:var(--ink)}
.badge::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.8}
.b-good{background:#E3F0E6;color:#24583A}.b-warn{background:#F6ECD3;color:#6B4E0A}.b-risk{background:#F7E0D8;color:#8A2E12}.b-info{background:#E1EAF3;color:#23466A}.b-hot{background:var(--accent);color:#fff}.b-neutral{background:var(--sunk);color:var(--muted)}
.callout{display:grid;gap:4px;padding:14px 16px;border-radius:12px;background:var(--sunk);border:1px solid var(--line);border-left:3px solid var(--accent)}
.callout.c-warn{border-left-color:#C99A2E;background:#FBF6EA}.callout.c-risk{border-left-color:#C2461D;background:#FCF1EC}.callout.c-info{border-left-color:#3E6E96;background:#F1F5F9}
.callout strong{font-size:14px}.callout div{font-size:14px;color:color-mix(in srgb,var(--ink) 80%,var(--paper))}
.checks h3{margin-bottom:8px}
.checks ul{list-style:none;margin:0;padding:0!important;display:grid;gap:6px}
.checks li{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:10px;background:var(--sunk);font-size:14px}
.tick{flex:none;width:18px;height:18px;margin-top:1px;border-radius:6px;border:2px solid color-mix(in srgb,var(--ink) 25%,transparent)}
.checks li.done .tick{background:#3F9B5F;border-color:#3F9B5F;box-shadow:inset 0 0 0 3px var(--sunk)}
.checks li.done>span:nth-child(2){color:var(--muted);text-decoration:line-through;text-decoration-color:color-mix(in srgb,var(--muted) 60%,transparent)}
.steps{list-style:none;margin:0;padding:0!important;display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:6px}
.steps li{display:grid;gap:3px;padding-top:10px;border-top:4px solid var(--line);border-radius:2px}
.steps li b{font-size:13.5px}.steps li span{font-size:12.5px;color:var(--muted)}
.steps .st-done{border-top-color:var(--ink)}.steps .st-current{border-top-color:var(--accent)}.steps .st-current b{color:var(--accent)}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}
.stats div{display:grid;gap:2px;padding:14px;border-radius:12px;background:var(--sunk)}
.stats small{font-size:12px;color:var(--muted);font-weight:550}.stats b{font-size:26px;font-weight:700;letter-spacing:-.025em;line-height:1.15}.stats span{font-size:12.5px;color:var(--muted)}
.kv{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1px;margin:0;border-radius:12px;overflow:hidden;background:var(--line);border:1px solid var(--line)}
.kv div{padding:12px 14px;background:var(--surface)}.kv dt{font-size:12px;color:var(--muted)}.kv dd{margin:3px 0 0;font-weight:600}
.sign{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px}
.sign div{display:grid;gap:4px;padding:16px;border-radius:12px;border:1px dashed color-mix(in srgb,var(--ink) 25%,transparent)}
.sign small{color:var(--muted)}
.lcards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
.lcard{display:grid;gap:4px;padding:14px 16px;border-radius:12px;background:var(--sunk);transition:transform .12s var(--ease),background .2s var(--ease)}
.lcard:hover{background:var(--tint)}.lcard:active{transform:scale(.98)}.lcard b{font-size:14px}.lcard span{font-size:13px;color:var(--muted)}
.source{font-size:12.5px;color:var(--muted)}
.source a{color:var(--accent)}
.people{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
.people li{display:flex;gap:12px;padding:14px;border-radius:12px;background:var(--sunk)}
.people .avatar{flex:none;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:#fff;font-size:11px;font-weight:650}
.people li>div{display:grid;gap:2px;min-width:0}.people small{font-size:12.5px;color:var(--muted)}.people p{font-size:13px;margin-top:4px!important}

/* ---------- Preferences (Apple: reduced motion, transparency, contrast) ---------- */
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:.01ms!important;animation:none!important}.btn:active,.tabs a:active,.lcard:active,.deal-mini:active,.rail .sc-nav a:active{transform:none}}
@media (prefers-reduced-transparency:reduce){.bar,.menu nav{background:var(--paper);-webkit-backdrop-filter:none;backdrop-filter:none}}
@media (prefers-contrast:more){.card,.doc,.opt,.chip,.tbl{border-color:color-mix(in srgb,var(--ink) 45%,transparent)}.rail .sc-nav a,.vh-sub,.card-sub,.muted{color:var(--ink)}}

/* numbers line up */
.facts dd,.kv dd,.stats b,.rows .t small,.feed time,.stagebar span,.meta dd,.dm-top b,.tbl td{font-variant-numeric:tabular-nums}
.view h1,.view h2,.vh-sub,.card-sub{text-wrap:balance}.view p,.opt li{text-wrap:pretty}
/* headers: title, one line of context, then actions under it */
.vh{flex-direction:column;align-items:flex-start;gap:14px}
.vh-sub{max-width:62ch}
/* no decorative dots: nav, pills, badges and captions carry meaning in words and colour */
.rail .sc-nav a::before,.menu .sc-nav a::before{display:none}
.rail .sc-nav a,.menu .sc-nav a{padding:0 12px}
.pill::before,.badge::before,.blk figcaption::before{display:none}
.pill,.badge{height:22px;padding:0 8px;border-radius:6px;font-weight:600}
.appcard .dot{display:none}
/* active nav item: a quiet marker instead of a dot */
.rail .sc-nav a,.menu .sc-nav a{box-shadow:none}
/* cards: border carries structure, shadow only where something floats or responds */
.card,.doc{box-shadow:none}
.deal-mini{box-shadow:none}
a.lcard:hover,.opt:hover{box-shadow:var(--sh2)}
/* milestone row: labels balance, dates share one baseline */
.stagebar{align-items:stretch}
.stagebar li{grid-template-rows:6px 1fr auto;gap:8px}
.stagebar b{text-wrap:balance}
/* next step: one accent moment, not a second orange hero */
.card-next{background:var(--tint);border-color:color-mix(in srgb,var(--accent) 24%,var(--line))}
.card-next .over{font-size:13px;font-weight:650;color:var(--accent);letter-spacing:0}
.card-next .facts{background:color-mix(in srgb,var(--accent) 16%,var(--line));border-color:color-mix(in srgb,var(--accent) 16%,var(--line))}
.card-next .btn{justify-self:start}
/* people: avatars match the rest of the room */
.people-av li{align-items:flex-start;background:var(--sunk)}
.people-av .av{width:34px;height:34px}
/* done rows */
.rows .ic.ok{font-size:14px}
/* phones: pills move under the text instead of squeezing it */
@media (max-width:620px){
  .rows li{grid-template-columns:auto minmax(0,1fr)}
  .rows li>.pill{grid-column:2;justify-self:start;margin-top:2px}
  .path span.path-org{display:inline}.path b,.path .sep{display:none}
  .vh-actions{width:100%}.vh-actions .btn{flex:1}
}

/* ===== Pass 2, Sep 25, 2026: structure, hierarchy, one accent ===== */
.num{font-variant-numeric:tabular-nums;letter-spacing:-.005em}
.view{gap:40px;padding-top:clamp(24px,4vw,48px)}
.view h1{font-weight:650}
.view h2{font-size:18px;font-weight:600}
/* avatars by team: Cedar & Stone in stone, Brightframe in the room accent */
.a1{background:#6B6157}.a2{background:var(--accent)}.a3{background:color-mix(in srgb,var(--accent) 62%,#1a1a1a)}
.av-cs{background:#6B6157}.av-bf{background:var(--accent)}.av-both{background:linear-gradient(90deg,#6B6157 50%,var(--accent) 50%)}
.av-lg{width:48px;height:48px;font-size:14px;border-radius:14px}
/* sidebar */
.grp-team{margin-top:10px;padding-top:14px;border-top:1px dashed color-mix(in srgb,var(--ink) 18%,transparent)}
.grp-note{margin:-2px 0 6px;padding:0 10px;font-size:11.5px;color:var(--muted)}
.dm-next{font-weight:500;color:var(--muted)}.dm-next b{color:var(--ink);font-weight:600}
.dm-bar{grid-template-columns:repeat(7,1fr)}
/* footer as a trust line */
.foot{display:grid;gap:4px;border-top:1px solid var(--line);margin:0 clamp(16px,3vw,32px);padding:20px 0 28px}
.foot p{margin:0;font-size:12.5px;color:var(--ink)}.foot .foot-demo{font-size:11.5px;color:var(--muted)}
/* hero: a decision sheet, not a card */
.hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr);gap:clamp(24px,4vw,56px);align-items:start}
.hero-main{display:grid;gap:14px;align-content:start}
.hero-kicker{font-size:14px;color:var(--muted)}
.view .hero h1{font-size:clamp(32px,4.2vw,48px);line-height:1.04;letter-spacing:-.03em;font-weight:650;max-width:14ch}
.hero-sub{font-size:17px;color:color-mix(in srgb,var(--ink) 78%,var(--paper));max-width:44ch}
.prog{display:flex;align-items:center;gap:12px;margin-top:6px}
.prog-bar{display:grid;grid-template-columns:repeat(7,26px);gap:4px}.prog-bar i{height:6px;border-radius:3px;background:var(--line)}.prog-bar i.on{background:var(--ink)}.prog-bar i.now{background:var(--accent)}
.prog-t{font-size:13px;color:var(--muted)}.prog-t b{color:var(--ink)}
.dates{display:grid;gap:10px;padding-left:clamp(0px,2vw,28px);border-left:1px solid var(--line)}
.dates h2{font-size:13px;font-weight:600;color:var(--muted)}
.dates dl{margin:0;display:grid}
.dates dl>div{display:grid;grid-template-columns:62px minmax(0,1fr);gap:12px;padding:10px 0;border-top:1px solid var(--line)}
.dates dl>div:first-child{border-top:0}
.dates dt{font-size:14px;font-weight:600;padding-top:1px}.dates dd{margin:0;display:grid;gap:1px}.dates dd b{font-size:14px;font-weight:600}.dates dd span{font-size:12.5px;color:var(--muted)}
.dates .is-key dt,.dates .is-key dd b{color:var(--accent)}
/* your actions: the one raised block on the overview */
.todo{display:grid;gap:12px;padding:20px 22px;border-radius:16px;background:var(--surface);border:1px solid var(--line);box-shadow:0 1px 0 var(--line),0 18px 40px -28px rgb(60 30 10/.35)}
.todo h2{font-size:15px}
.todo-list{list-style:none;margin:0;padding:0;display:grid}
.todo-list li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:6px 18px;padding:14px 0;border-top:1px solid var(--line)}
.todo-list li>div{display:grid;gap:2px;min-width:0}.todo-list b{font-size:15px;font-weight:600}.todo-list span{font-size:13px;color:var(--muted)}
.todo-due{font-size:13px;font-weight:600;white-space:nowrap}.todo-due.is-risk{color:#9A3412}
/* recommendation strip */
.rec{display:grid;grid-template-columns:minmax(0,1.3fr) auto auto;align-items:center;gap:20px 36px;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.rec-t{display:grid;gap:4px;max-width:52ch}.rec-t p:last-child{color:var(--muted);font-size:14px}
.rec-k{font-size:13px;font-weight:600;color:var(--accent)}
.rec-f{display:flex;gap:28px;margin:0}.rec-f div{display:grid;gap:2px}.rec-f dt{font-size:12px;color:var(--muted)}.rec-f dd{margin:0;font-size:18px;font-weight:600}
.rec-a{display:grid;gap:8px;justify-items:start}
.lnk{font-size:13.5px;font-weight:600;color:var(--accent)}.lnk:hover{text-decoration:underline;text-underline-offset:3px}
/* section heads on paper */
.sec-h{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px}
.sec-sub{font-size:13.5px;color:var(--muted);margin:-6px 0 12px!important;max-width:60ch}
.plain{min-width:0}
.cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:start}
.blockset{min-width:0;display:grid;gap:14px}
/* static figures next to live blocks */
.figs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.figs>div{padding:14px 16px 16px;border-left:1px solid var(--line)}.figs>div:first-child{border-left:0;padding-left:0}
.figs dt{font-size:12.5px;color:var(--muted)}.figs dd{margin:4px 0 2px;font-size:26px;font-weight:600;line-height:1.1}.figs p{font-size:12px;color:var(--muted)}
/* live blocks: a plain frame, caption outside */
.blk{gap:8px}.card>.blk{margin:0}
.blk figcaption{padding:0;font-size:12px}
fb-embed,fb-embed iframe{display:block;width:100%!important;max-width:100%;min-width:0;border:0}
.doc .blk{padding:0;background:none}
/* embedded apps: one slim label row */
.appcard{display:grid;min-width:0;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);overflow:hidden}
.appcard .ah{padding:12px 16px;background:var(--surface)}
.appcard .ah h2{font-size:15px;font-weight:600}.appcard .ah small{font-size:12.5px}
.ah-open{font-size:13px;font-weight:600;color:var(--accent);white-space:nowrap}
/* rows: quieter chips, neutral states as text */
.rows .ic.file{background:none;border:1px solid var(--line);font-size:9.5px;letter-spacing:.02em;width:34px;border-radius:7px}
.p-neutral{background:var(--sunk);color:var(--muted)}.p-quiet{background:none;color:var(--muted);padding:0;font-weight:500}
.p-info,.b-info{background:var(--sunk);color:var(--muted)}
.callout{border-left-width:1px}.callout.c-info{background:var(--tint);border-color:color-mix(in srgb,var(--accent) 22%,var(--line))}
.people-av{display:none}
/* contact */
.contact{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px 18px;padding:22px 0;border-top:1px solid var(--line)}
.contact-t{display:grid;gap:3px}.contact-t h2{font-size:17px}.contact-t p{font-size:14px;color:var(--muted);max-width:60ch}
.contact-team{grid-column:2/-1;list-style:none;margin:6px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px 28px}
.contact-team li{display:flex;align-items:center;gap:10px}.contact-team span{display:grid;font-size:12.5px;color:var(--muted);line-height:1.3}.contact-team b{color:var(--ink);font-size:13.5px;font-weight:600}
/* proposal */
.lede{font-size:16px;line-height:1.6;max-width:65ch;color:color-mix(in srgb,var(--ink) 85%,var(--paper))}
.pick{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(250px,1fr);border-radius:18px;background:var(--surface);border:1.5px solid color-mix(in srgb,var(--accent) 55%,var(--line));overflow:hidden}
.pick-main{display:grid;gap:10px;align-content:start;padding:clamp(20px,3vw,32px)}
.view .pick h2{font-size:26px;letter-spacing:-.02em}
.pick-fit{color:var(--muted)}
.pick-list{margin:6px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px}
.pick-list li{position:relative;padding-left:22px;font-size:14px}.pick-list li::before{content:"\2713";position:absolute;left:0;top:0;color:var(--accent);font-weight:700}
.pick-side{display:grid;gap:10px;align-content:start;padding:clamp(20px,3vw,32px);background:var(--tint);border-left:1px solid color-mix(in srgb,var(--accent) 20%,var(--line))}
.price{font-size:40px;font-weight:600;line-height:1;letter-spacing:-.03em}.price-n{font-size:13px;color:var(--muted)}
.pick-f{margin:6px 0 8px;display:grid;gap:8px}.pick-f div{display:flex;justify-content:space-between;font-size:14px;padding-top:8px;border-top:1px solid color-mix(in srgb,var(--accent) 16%,var(--line))}.pick-f dt{color:var(--muted)}.pick-f dd{margin:0;font-weight:600}
.btn-wide{width:100%}
.view>.tabs{margin-top:-22px}
.view>.figs{margin-top:-16px}
.alts{display:grid;gap:10px}
.alts h2{font-size:15px;color:var(--muted);font-weight:600}
.alts ul{list-style:none;margin:0;padding:0;display:grid}
.alts li{display:grid;grid-template-columns:minmax(0,1fr) auto 110px;align-items:center;gap:8px 32px;padding:16px 0;border-top:1px solid var(--line)}
.alts li>div{display:grid;gap:2px}.alts b{font-size:15.5px}.alts li>div span{font-size:13.5px;color:var(--muted)}
.alts dl{display:flex;gap:24px;margin:0}.alts dl div{display:grid}.alts dt{font-size:11.5px;color:var(--muted)}.alts dd{margin:0;font-weight:600}
.delta{font-size:13px;color:var(--muted);text-align:right}
/* action plan timeline */
.tl-wrap{display:grid;gap:4px}
.tl-key{display:flex;align-items:center;gap:6px 8px;font-size:12.5px;color:var(--muted)}.tl-key .tl-team:last-of-type{margin-left:10px}
.tl{list-style:none;margin:0;padding:0;display:grid;position:relative}
.tl li{position:relative;display:grid;grid-template-columns:72px 18px minmax(0,1fr) auto;align-items:center;gap:0 14px;padding:14px 0}
.tl li::before{content:"";grid-column:2;grid-row:1;justify-self:center;width:12px;height:12px;border-radius:50%;background:var(--paper);border:2px solid color-mix(in srgb,var(--ink) 30%,transparent);z-index:1}
.tl li::after{content:"";position:absolute;left:calc(72px + 14px + 8px);top:0;bottom:0;width:2px;background:var(--line)}
.tl time{grid-column:1;font-size:13.5px;font-weight:600;color:var(--muted)}
.tl-b{grid-column:3;display:grid;gap:3px;min-width:0}.tl-b b{font-size:15px;font-weight:600}.tl-b a:hover{color:var(--accent)}
.tl-who{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--muted)}
.tl-team{display:inline-block;width:9px;height:9px;border-radius:3px}
.tl li>.pill{grid-column:4}
.tl-done::before{background:var(--ink)!important;border-color:var(--ink)!important}
.tl-done .tl-b b{color:var(--muted);text-decoration:line-through;text-decoration-color:color-mix(in srgb,var(--muted) 50%,transparent)}
.tl-you .tl-b{padding-left:12px;border-left:3px solid var(--accent)}
.tl-you::before{border-color:var(--accent)!important}
.tl-you time{color:var(--ink)}
.tl-today{padding:4px 0!important;display:block!important}
.tl-today::before{display:none}.tl-today::after{display:none}
.tl-today span{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:600;color:var(--accent)}
.tl-today span::after{content:"";flex:1;height:1px;background:color-mix(in srgb,var(--accent) 45%,transparent)}
/* phones and narrow screens */
@media (max-width:1000px){.hero{grid-template-columns:minmax(0,1fr)}.dates{padding-left:0;border-left:0;border-top:1px solid var(--line);padding-top:14px}}
@media (max-width:900px){.cols{grid-template-columns:minmax(0,1fr)}.rec{grid-template-columns:minmax(0,1fr)}.pick{grid-template-columns:minmax(0,1fr)}.pick-side{border-left:0;border-top:1px solid color-mix(in srgb,var(--accent) 20%,var(--line))}.figs{grid-template-columns:repeat(2,minmax(0,1fr))}.figs>div:nth-child(3){border-left:0;padding-left:0}.figs>div:nth-child(n+3){border-top:1px solid var(--line)}}
@media (max-width:620px){
  .view{gap:28px}
  .todo{padding:16px}
  .todo-list li{grid-template-columns:minmax(0,1fr) auto}
  .todo-list li>div{grid-column:1/-1}
  .pick-list{grid-template-columns:minmax(0,1fr)}
  .alts li{grid-template-columns:minmax(0,1fr)}.delta{text-align:left}
  .tl li{grid-template-columns:54px 16px minmax(0,1fr);row-gap:6px}
  .tl li::after{left:calc(54px + 14px + 7px)}
  .tl li>.pill{grid-column:3;justify-self:start}
  .contact{grid-template-columns:auto minmax(0,1fr)}.contact-a{grid-column:1/-1}.contact-team{grid-column:1/-1}
  .figs dd{font-size:22px}
  .prog-bar{grid-template-columns:repeat(7,minmax(0,1fr));flex:1}
}

/* Pass 3: critic re-review */
.pick-n{font-size:12.5px;color:var(--muted);margin:-2px 0 2px!important}
.alts li{grid-template-columns:minmax(0,1fr) 230px 120px}
.alts dl{display:grid;grid-template-columns:110px 110px;gap:0 10px}
.alts dd{font-size:15px}
.delta{align-self:center}
.pick-main{align-content:start}.pick-list{align-content:start}
.tl-done .tl-b b{text-decoration:none;color:var(--muted);font-weight:500}
.tl-key{font-size:12.5px;color:var(--muted);margin:0}
.p-quiet{background:none;border:1px solid var(--line);padding:0 8px;color:var(--muted);font-weight:600}
.doc .sec,.doc .split>*,.doc .blk,.blockset,.appcard,.grid>*{min-width:0}
.doc .blk{overflow:hidden}
.view>.todo{margin-top:-8px}
@media (max-width:620px){.alts li{grid-template-columns:minmax(0,1fr)}.alts dl{grid-template-columns:repeat(2,minmax(0,1fr))}.sec-h{flex-wrap:wrap}}

.lpage{display:grid;min-width:0;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);overflow:hidden}
.lpage-h{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:14px 18px;border-bottom:1px solid var(--line)}
.lpage-h>div{display:grid;gap:2px}.lpage-h h2{font-size:15px}.lpage-h small{font-size:12.5px;color:var(--muted)}

/* ===== appkit additions (Sep 27, 2026) ===== */
:root{--paper:var(--fb-paper);--canvas:var(--fb-paper)}
body{background:var(--canvas)}
.a1{background:var(--av1,#5E6470)}.a2{background:var(--accent)}.a3{background:var(--av3,color-mix(in srgb,var(--accent) 62%,#1a1a1a))}.a4{background:var(--av4,#4B6A88)}
/* direct children of a view always span the full width (an s12 span outside .grid would create 12 implicit columns) */
.view>*,.stack-v>*,.split-main>.side>*{grid-column:1/-1;min-width:0}
/* a plain section placed directly in a 12-column grid takes the full row (it has no span class) */
.grid>.plain{grid-column:1/-1;min-width:0}
/* key-value grids: no grey filler cell when a row is not full */
.kv,.facts{background:var(--surface)}.kv>div,.facts>div{box-shadow:inset 0 0 0 .5px var(--line)}
/* tiles */
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.tile{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;padding:14px 16px;border-radius:var(--r);background:var(--surface);border:1px solid var(--line);transition:transform .12s var(--ease),box-shadow .2s var(--ease),border-color .2s var(--ease)}
.tile:hover{box-shadow:var(--sh2);border-color:color-mix(in srgb,var(--accent) 35%,var(--line))}.tile:active{transform:scale(.98)}
.tile-ic{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:var(--tint2);color:var(--accent);font-weight:700;font-size:14px}
.tile>.pill{grid-column:2;justify-self:start;margin-top:-4px}
.tile-t{display:grid;min-width:0}.tile-t b{font-size:14.5px;font-weight:600}.tile-t small{font-size:12.5px;color:var(--muted)}
/* board */
.board{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;align-items:start}
.bcol{display:grid;gap:8px;padding:10px;border-radius:14px;background:var(--sunk);min-width:0}
.bcol-h{display:flex;justify-content:space-between;align-items:center;margin:0;padding:2px 4px;font-size:12.5px;font-weight:650;color:var(--muted)}
.bcol-h b{min-width:22px;height:22px;display:grid;place-items:center;border-radius:6px;background:var(--surface);color:var(--ink);font-size:12px}
.bcol ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.bcol li{display:grid;gap:3px;padding:10px 12px;border-radius:10px;background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--line)}
.bcol li b{font-size:13.5px;font-weight:600}.bcol li small{font-size:12px;color:var(--muted)}
.bcol-good li{border-left-color:#3F9B5F}.bcol-warn li{border-left-color:#C99A2E}.bcol-hot li{border-left-color:var(--accent)}.bcol-risk li{border-left-color:#B5462F}
/* gallery */
.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}
.gcard{display:grid;border-radius:var(--r);overflow:hidden;background:var(--surface);border:1px solid var(--line);transition:transform .12s var(--ease),box-shadow .2s var(--ease)}
.gcard:hover{box-shadow:var(--sh2)}.gcard:active{transform:scale(.985)}
.gimg img{width:100%;aspect-ratio:16/10;object-fit:cover}
.gt{display:grid;gap:4px;padding:12px 14px 14px}.gt b{font-size:14.5px}.gt small{font-size:12.5px;color:var(--muted)}.gt .pill{justify-self:start;margin-top:4px}
/* welcome band */
.welcome{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:clamp(20px,4vw,48px);align-items:center;padding:clamp(22px,4vw,40px);border-radius:22px;background:var(--band,var(--accent));color:var(--on-band,#fff)}
.view .welcome h1{color:var(--on-band,#fff);font-size:clamp(30px,4vw,44px);line-height:1.05;letter-spacing:-.03em;max-width:16ch}
.welcome p{color:color-mix(in srgb,var(--on-band,#fff) 86%,transparent);font-size:16px;max-width:46ch}
.welcome .w-main{display:grid;gap:12px}
.welcome .w-side{display:grid;gap:8px;padding:16px;border-radius:16px;background:rgb(255 255 255/.12);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.welcome .w-side dl{margin:0;display:grid;gap:8px}.welcome .w-side div{display:flex;justify-content:space-between;gap:10px;font-size:13.5px}.welcome .w-side dt{opacity:.8}.welcome .w-side dd{margin:0;font-weight:650}
.welcome .btn{background:#fff;color:#15181C}
@media (max-width:860px){.welcome{grid-template-columns:minmax(0,1fr)}}
/* two-column overview with a sticky summary */
.split-main{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start}
.split-main>.side{position:sticky;top:84px;display:grid;gap:14px}
@media (max-width:1100px){.split-main{grid-template-columns:minmax(0,1fr)}.split-main>.side{position:static}}
.stack-v{display:grid;gap:28px;min-width:0}
/* summary card */
.sum{display:grid;gap:12px;padding:18px;border-radius:var(--r);background:var(--surface);border:1px solid var(--line)}
.sum h2{font-size:15px}
.sum dl{margin:0;display:grid;gap:0}.sum dl div{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-top:1px solid var(--line);font-size:13.5px}.sum dl div:first-child{border-top:0}.sum dt{color:var(--muted)}.sum dd{margin:0;font-weight:600;text-align:right}
.meter{height:8px;border-radius:5px;background:var(--line);overflow:hidden}.meter i{display:block;height:100%;border-radius:5px;background:var(--accent)}
/* hub bottom tabs */
.btabs{display:none}
@media (prefers-reduced-motion:reduce){.tile:active,.gcard:active{transform:none}}

.app.v-inset{grid-template-columns:284px minmax(0,1fr);background:var(--canvas)}
.v-inset .rail{margin:12px 0 12px 12px;height:calc(100vh - 24px);top:12px;border:1px solid var(--line);border-radius:22px;background:var(--surface);box-shadow:0 1px 0 var(--line),0 24px 48px -32px rgb(30 30 20/.35)}
.v-inset .bar{background:color-mix(in srgb,var(--canvas) 70%,transparent)}
.v-inset .view{max-width:1180px}
.v-inset .card,.v-inset .doc,.v-inset .appcard,.v-inset .lpage,.v-inset .todo{background:var(--surface)}
@media (max-width:1000px){.app.v-inset{grid-template-columns:minmax(0,1fr)}.v-inset .rail{display:none}}

/* ===== colour schemes: status colours, buttons and chrome follow the active palette ===== */
:root{color-scheme:var(--fb-scheme,light)}
.p-good,.b-good{background:var(--fb-good-bg,#E3F0E6);color:var(--fb-good,#24583A)}
.p-warn,.b-warn{background:var(--fb-warn-bg,#F6ECD3);color:var(--fb-warn,#6B4E0A)}
.p-risk,.b-risk{background:var(--fb-risk-bg,#F7E0D8);color:var(--fb-risk,#8A2E12)}
.rows .ic.ok{background:var(--fb-good-bg,#E3F0E6);color:var(--fb-good,#2E6B41)}
.todo-due.is-risk{color:var(--fb-risk,#9A3412)}
.callout.c-warn{background:var(--fb-warn-bg,#FBF6EA);border-left-color:var(--fb-warn,#C99A2E)}
.callout.c-risk{background:var(--fb-risk-bg,#FCF1EC);border-left-color:var(--fb-risk,#C2461D)}
.checks li.done .tick{background:var(--fb-good,#3F9B5F);border-color:var(--fb-good,#3F9B5F)}
.bcol-good li{border-left-color:var(--fb-good,#3F9B5F)}.bcol-warn li{border-left-color:var(--fb-warn,#C99A2E)}.bcol-risk li{border-left-color:var(--fb-risk,#B5462F)}
.dot-good{background:var(--fb-good,#3F9B5F)}.dot-warn{background:var(--fb-warn,#C99A2E)}.dot-risk{background:var(--fb-risk,#B5462F)}
.btn{background:var(--fb-btn,var(--ink));color:var(--fb-btn-ink,var(--paper))}
.btn:hover{background:color-mix(in srgb,var(--fb-btn,var(--ink)) 86%,var(--accent))}
.btn-accent{background:var(--accent);color:var(--fb-on-accent,#fff)}.btn-accent:hover{background:color-mix(in srgb,var(--accent) 88%,var(--ink))}
.btn-ghost{background:var(--surface);color:var(--ink)}.btn-ghost:hover{background:var(--sunk)}
.b-hot,.a2,.people .avatar{color:var(--fb-on-accent,#fff)}
body,.bar,.tbar,.rail,.card,.doc,.appcard,.tile,.btn{transition:background-color .25s var(--ease),color .25s var(--ease),border-color .25s var(--ease)}
/* the picker */
.themes{position:relative}
.themes>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:0 12px 0 8px;border-radius:999px;border:1px solid var(--line);background:var(--surface);font-size:13px;font-weight:600;color:var(--ink);transition:transform .12s var(--ease)}
.themes>summary::-webkit-details-marker{display:none}
.themes>summary:active{transform:scale(.97)}
.th-sw{width:18px;height:18px;border-radius:50%;background:conic-gradient(var(--paper) 0 50%,var(--accent) 50% 100%);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--ink) 30%,transparent)}
.th-menu{position:absolute;right:0;top:calc(100% + 8px);z-index:60;display:grid;gap:2px;min-width:200px;padding:6px;border-radius:14px;background:var(--fb-surface);-webkit-backdrop-filter:blur(22px) saturate(180%);backdrop-filter:blur(22px) saturate(180%);border:1px solid var(--line);box-shadow:var(--sh3);transform-origin:top right}
.themes[open] .th-menu{animation:pop .2s var(--ease)}
.th-menu button{display:flex;align-items:center;gap:10px;width:100%;min-height:40px;padding:0 10px;border:0;border-radius:10px;background:transparent;color:var(--ink);font:inherit;font-size:13.5px;font-weight:550;text-align:left;cursor:pointer}
.th-menu button:hover{background:var(--sunk)}
.th-menu button::before{content:"";flex:none;width:20px;height:20px;border-radius:50%;box-shadow:inset 0 0 0 1.5px rgb(0 0 0/.18)}
.th-menu button[aria-pressed="true"]{font-weight:700}
.th-menu button[aria-pressed="true"]::after{content:"\2713";margin-left:auto;color:var(--accent);font-weight:700}
.v-command .themes>summary{background:transparent;color:var(--paper);border-color:color-mix(in srgb,var(--paper) 28%,transparent)}
/* ===== polish (Sep 27): tiles, sidebar fold, floating inset bar ===== */
/* inner tiles (checklists, people, stats, callouts, tabs, table heads) take a light tint of the theme accent instead of neutral grey */
.main{--sunk:var(--fb-tile,color-mix(in srgb,var(--accent) 5%,var(--surface)))}
.main .tabs{background:var(--fb-tile,color-mix(in srgb,var(--accent) 7%,var(--surface)))}
/* sidebar fold: a button in the top bar, state kept by the platform (html[data-fb-fold]) */
.fold{flex:none;display:inline-grid;place-items:center;width:36px;height:36px;padding:0;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;transition:background .15s var(--ease),transform .12s var(--ease)}
.fold:hover{background:var(--sunk)}.fold:active{transform:scale(.95)}
.fold i{position:relative;display:block;width:16px;height:12px;border:1.6px solid currentColor;border-radius:3px}
.fold i::before{content:"";position:absolute;top:0;bottom:0;left:4px;border-left:1.6px solid currentColor;transition:left .2s var(--ease)}
.fold[aria-pressed="true"] i::before{left:0;border-left-width:0}
.fold:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
html[data-fb-fold="on"] .app:has(>.rail){grid-template-columns:minmax(0,1fr)!important}
html[data-fb-fold="on"] .app>.rail{display:none!important}
@media (max-width:1000px){.fold{display:none}}
/* inset shell: the top bar floats like the sidebar card */
.v-inset .bar{top:12px;margin:12px 12px 0 12px;border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--surface) 86%,transparent);box-shadow:0 1px 0 var(--line),0 18px 40px -32px rgb(30 30 20/.4)}
html[data-fb-fold="on"] .v-inset .bar{margin-left:12px}
@media (max-width:1000px){.v-inset .bar{margin:8px 8px 0;top:8px}}
/* top navigation: tighter items, the signed-in name gives way first; secondary pages live in More */
.tnav .sc-nav a{padding:0 10px;font-size:13.5px}
@media (max-width:1600px){.tbar-r .me b{display:none}.tbar-r{gap:10px}}
/* tables never break a word in half: the table scrolls sideways instead */
.tbl td,.tbl th{overflow-wrap:break-word;word-break:normal}
@media (max-width:1380px){.tbar .ws-name small{display:none}.tnav .sc-nav a,.more>summary{padding:0 8px}.tbar{gap:12px}}
/* More menu in the top navigation */
.tnav{flex:0 1 auto}.tbar-r{margin-left:auto}
.more{position:relative;flex:none}
.more>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 10px;border-radius:10px;font-size:13.5px;font-weight:550;color:var(--muted);white-space:nowrap}
.more>summary::-webkit-details-marker{display:none}
.more>summary:hover{color:var(--ink);background:color-mix(in srgb,var(--ink) 5%,transparent)}
.more-car{width:7px;height:7px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .2s var(--ease)}
.more[open] .more-car{transform:translateY(1px) rotate(225deg)}
.more-menu{position:absolute;left:0;top:calc(100% + 8px);z-index:60;min-width:220px;padding:6px;border-radius:14px;background:var(--fb-surface);border:1px solid var(--fb-line);box-shadow:var(--sh3);--ink:var(--fb-ink);--muted:var(--fb-muted);--sunk:color-mix(in srgb,var(--fb-ink) 6%,var(--fb-surface));color:var(--ink)}
.more[open] .more-menu{animation:pop .2s var(--ease)}
.more-menu .sc-nav{display:grid;gap:2px}
.more-menu .sc-nav a{display:flex;align-items:center;min-height:40px;padding:0 12px;border-radius:10px;font-size:13.5px;font-weight:550;color:var(--ink);white-space:nowrap}
.more-menu .sc-nav a:hover{background:var(--sunk)}
.v-command .more>summary{color:color-mix(in srgb,var(--paper) 70%,var(--ink))}
@media (max-width:1000px){.more{display:none}}
@media (prefers-reduced-motion:reduce){.more[open] .more-menu{animation:none}}
/* words are never split in step labels; on phones progress rows wrap and step bars scroll sideways */
.stagebar b{overflow-wrap:break-word}
@media (max-width:720px){
.prog{flex-wrap:wrap;row-gap:8px}.prog-bar{flex:1 1 100%;grid-template-columns:none!important;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}.prog-t{flex:1 1 100%}
.stagebar{grid-template-columns:none!important;grid-auto-flow:column;grid-auto-columns:minmax(104px,1fr);overflow-x:auto;padding-bottom:8px;scrollbar-width:thin}
}
/* folded sidebar: the page centres */
html[data-fb-fold="on"] .main>.view,html[data-fb-fold="on"] .main>[data-fb-page]>.view{margin-left:auto;margin-right:auto}
@media (max-width:620px){.bar .path{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}}
@media (max-width:620px){.themes .th-l{display:none}.themes>summary{padding:0 8px}}
/* chrome: rail and top bars take their colours from the palette (themes6 tokens chrome, chrome-ink, ...) */
.rail,.tbar{--ink:var(--fb-chrome-ink,var(--fb-ink));--muted:var(--fb-chrome-muted,var(--fb-muted));--line:var(--fb-chrome-line,var(--fb-line));--sunk:var(--fb-chrome-hover,color-mix(in srgb,var(--fb-ink) 5%,var(--fb-paper)));--surface:var(--fb-chrome-surface,var(--fb-surface));--paper:var(--fb-chrome,var(--fb-paper));--accent:var(--fb-chrome-accent,var(--fb-accent));--on-accent:var(--fb-chrome,var(--fb-on-accent));color:var(--ink)}
.rail{background:var(--fb-chrome,color-mix(in srgb,var(--fb-ink) 3.5%,var(--fb-paper)))!important;border-right-color:var(--line)!important}
.v-inset .rail{background:var(--fb-chrome,var(--fb-surface))!important}
.tbar{background:color-mix(in srgb,var(--fb-chrome,var(--fb-paper)) 92%,transparent)!important}
.v-command .tbar{background:var(--fb-chrome,var(--fb-ink))!important;--ink:var(--fb-chrome,var(--fb-ink));--paper:var(--fb-chrome-ink,var(--fb-paper))}
/* embedded apps render their own colours: keep the frame canvas transparent in dark themes */
iframe{color-scheme:light}
.th-menu{--ink:var(--fb-ink);--muted:var(--fb-muted);--line:var(--fb-line);--surface:var(--fb-surface);--paper:var(--fb-paper);--accent:var(--fb-accent);--sunk:color-mix(in srgb,var(--fb-ink) 6%,var(--fb-surface));color:var(--ink)}
@media (prefers-reduced-motion:reduce){.themes[open] .th-menu{animation:none}body,.bar,.tbar,.rail,.card,.doc,.appcard,.tile,.btn{transition:none}}
.th-menu [data-fb-theme]:not([data-fb-theme="horizon-light"]):not([data-fb-theme="horizon-dark"]):not([data-fb-theme="horizon-future"]){display:none}
.th-menu [data-fb-theme="horizon-light"]::before{background:conic-gradient(#F8FAFA 0 34%,#FFFFFF 34% 67%,#0E7C86 67% 100%)}
.th-menu [data-fb-theme="horizon-dark"]::before{background:conic-gradient(#081212 0 34%,#0C1717 34% 67%,#2BD9A0 67% 100%)}
.th-menu [data-fb-theme="horizon-future"]::before{background:conic-gradient(#EEF2FA 0 34%,#F7F9FD 34% 67%,#0E7C86 67% 100%)}
.th-menu [data-fb-theme="horizon-light"]{order:0}
.th-menu [data-fb-theme="horizon-dark"]{order:1}
.th-menu [data-fb-theme="horizon-future"]{order:2}
:root{--fb-good:#24583A;--fb-good-bg:#E3F0E6;--fb-warn:#6B4E0A;--fb-warn-bg:#F6ECD3;--fb-risk:#8A2E12;--fb-risk-bg:#F7E0D8;--fb-scheme:light;--fb-accent-ink:#0B6A73;--fb-btn:#0E7C86;--fb-btn-ink:#FFFFFF;--fb-on-accent:#FFFFFF;--fb-chrome:#FFFFFF;--fb-chrome-ink:#10201F;--fb-chrome-muted:#4A5A58;--fb-chrome-line:#E0E9E8;--fb-chrome-hover:#EAF4F4;--fb-chrome-surface:#FFFFFF;--fb-chrome-accent:#0E7C86;--fb-accent-contrast:#FFFFFF;--fb-danger:#B42318;--fb-chrome-active:#EAF4F4;}
/* ===== themes6: horizon (Light, Dark, Futuristic) ===== */
html:not([data-fb-theme="horizon-dark"]):not([data-fb-theme="horizon-future"]){--font:-apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Segoe UI', Inter, system-ui, sans-serif;--head:Georgia, 'Iowan Old Style', 'Times New Roman', serif;--r:18px;--paper:var(--fb-paper)}
html:not([data-fb-theme="horizon-dark"]):not([data-fb-theme="horizon-future"]) body{background-image:radial-gradient(ellipse 60% 45% at 0% 0%,rgb(255 110 170/.12),transparent 60%),radial-gradient(ellipse 60% 45% at 100% 0%,rgb(80 165 255/.12),transparent 60%),radial-gradient(ellipse 70% 50% at 50% 110%,rgb(70 222 190/.14),transparent 60%);background-attachment:fixed}
html:not([data-fb-theme="horizon-dark"]):not([data-fb-theme="horizon-future"]) .app{background:transparent!important}
html[data-fb-theme="horizon-dark"]{--font:-apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Segoe UI', Inter, system-ui, sans-serif;--head:Georgia, 'Iowan Old Style', 'Times New Roman', serif;--r:18px;--paper:var(--fb-paper)}
html[data-fb-theme="horizon-dark"] body{background-image:radial-gradient(ellipse 60% 45% at 0% 0%,rgb(255 110 170/.08),transparent 60%),radial-gradient(ellipse 70% 50% at 50% 110%,rgb(43 217 160/.10),transparent 60%);background-attachment:fixed}
html[data-fb-theme="horizon-dark"] .app{background:transparent!important}
html[data-fb-theme="horizon-future"]{--font:-apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Segoe UI Variable Text', 'Segoe UI', Inter, system-ui, sans-serif;--head:-apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI Variable Display', 'Segoe UI', Inter, system-ui, sans-serif;--r:26px;--paper:var(--fb-paper)}
@keyframes fx-wall{0%{background-position:0% 0%,100% 0%,30% 100%,100% 100%,50% 50%,0 0}50%{background-position:14% 12%,86% 10%,40% 86%,86% 88%,40% 60%,0 0}100%{background-position:0% 0%,100% 0%,30% 100%,100% 100%,50% 50%,0 0}}
html[data-fb-theme="horizon-future"] body{background-color:var(--fb-paper);background-image:radial-gradient(60vw 58vh at 6% 4%,rgb(255 96 164/.78),transparent 70%),radial-gradient(58vw 60vh at 98% 6%,rgb(64 150 255/.78),transparent 70%),radial-gradient(62vw 58vh at 30% 108%,rgb(56 220 186/.66),transparent 70%),radial-gradient(50vw 50vh at 88% 96%,rgb(150 110 255/.62),transparent 70%),radial-gradient(55vw 50vh at 55% 60%,rgb(255 160 110/.50),transparent 70%),linear-gradient(170deg,#E3E9F8 0%,#DDE4F6 55%,#EADFF3 100%);background-size:140% 140%,140% 140%,140% 140%,140% 140%,140% 140%,100% 100%;background-attachment:fixed;animation:fx-wall 28s ease-in-out infinite}
html[data-fb-theme="horizon-future"] .app{background:transparent!important}
html[data-fb-theme="horizon-future"] .view h1{font-weight:700;letter-spacing:-.028em;color:#0B1020}
html[data-fb-theme="horizon-future"] .card,html[data-fb-theme="horizon-future"] .doc,html[data-fb-theme="horizon-future"] .appcard,html[data-fb-theme="horizon-future"] .todo,html[data-fb-theme="horizon-future"] .sum,html[data-fb-theme="horizon-future"] .tile,html[data-fb-theme="horizon-future"] .gcard,html[data-fb-theme="horizon-future"] .lpage,html[data-fb-theme="horizon-future"] .issue,html[data-fb-theme="horizon-future"] .dcard,html[data-fb-theme="horizon-future"] .deal-mini,html[data-fb-theme="horizon-future"] .v-inset .rail,html[data-fb-theme="horizon-future"] .kv,html[data-fb-theme="horizon-future"] .facts,html[data-fb-theme="horizon-future"] .bcol{background:radial-gradient(110% 55% at 18% -12%,rgb(255 255 255/.40),rgb(255 255 255/0) 52%) padding-box,linear-gradient(180deg,rgb(255 255 255/.22) 0%,rgb(255 255 255/.06) 55%,rgb(255 255 255/.12) 100%) padding-box,linear-gradient(155deg,rgb(255 255 255/1) 0%,rgb(255 255 255/.35) 28%,rgb(255 255 255/.08) 55%,rgb(255 255 255/.45) 82%,rgb(255 255 255/.95) 100%) border-box!important;border:1.5px solid transparent!important;-webkit-backdrop-filter:blur(12px) saturate(200%);backdrop-filter:blur(12px) saturate(200%);box-shadow:inset 0 2px 1px -1px rgb(255 255 255/.95),inset 0 -2px 3px -2px rgb(255 255 255/.8),inset 0 0 18px rgb(255 255 255/.22),inset 0 0 2px rgb(255 255 255/.6),0 1px 1px rgb(20 30 60/.05),0 28px 60px -30px rgb(30 40 90/.40)}
html[data-fb-theme="horizon-future"] .bar{background:linear-gradient(180deg,rgb(255 255 255/.80),rgb(255 255 255/.64))!important;-webkit-backdrop-filter:blur(14px) saturate(230%);backdrop-filter:blur(14px) saturate(230%);box-shadow:inset 0 -1px 0 rgb(255 255 255/.9),inset 0 1.5px 0 rgb(255 255 255/.9),0 8px 24px -18px rgb(30 40 90/.35)}
html[data-fb-theme="horizon-future"] .btn{border-radius:999px;background:radial-gradient(120% 90% at 30% -10%,rgb(255 255 255/.95),rgb(255 255 255/0) 62%) padding-box,linear-gradient(180deg,rgb(255 255 255/.50),rgb(255 255 255/.18)) padding-box,linear-gradient(160deg,#FFFFFF 0%,rgb(255 255 255/.3) 45%,rgb(255 255 255/.85) 100%) border-box;color:#0B1020;border:1.5px solid transparent;-webkit-backdrop-filter:blur(10px) saturate(230%) brightness(1.1);backdrop-filter:blur(10px) saturate(230%) brightness(1.1);box-shadow:inset 0 2px 1px -1px #FFFFFF,inset 0 -2px 3px -1px rgb(255 255 255/.75),inset 0 0 12px rgb(255 255 255/.45),0 1px 2px rgb(30 40 80/.10),0 10px 24px -12px rgb(30 40 90/.45);transition:transform .15s var(--ease),box-shadow .2s var(--ease)}
html[data-fb-theme="horizon-future"] .btn:hover{transform:translateY(-1px);box-shadow:inset 0 1.5px 0 #FFFFFF,inset 0 -1px 2px rgb(255 255 255/.7),inset 0 0 14px rgb(255 255 255/.7),0 14px 30px -12px rgb(30 40 90/.5)}
html[data-fb-theme="horizon-future"] .btn-accent,html[data-fb-theme="horizon-future"] .bar .btn,html[data-fb-theme="horizon-future"] .issue .btn:first-child{background:radial-gradient(120% 90% at 30% -10%,rgb(255 255 255/.6),rgb(255 255 255/0) 60%) padding-box,linear-gradient(180deg,rgb(38 170 176/.92),rgb(14 124 134/.90)) padding-box,linear-gradient(160deg,rgb(255 255 255/.95),rgb(255 255 255/.25) 50%,rgb(255 255 255/.7)) border-box;color:#FFFFFF;border:1.5px solid transparent;box-shadow:inset 0 2px 1px -1px rgb(255 255 255/.9),inset 0 -2px 6px rgb(255 255 255/.3),inset 0 0 14px rgb(255 255 255/.25),0 12px 28px -10px rgb(14 124 134/.6)}
html[data-fb-theme="horizon-future"] .themes>summary{background:linear-gradient(180deg,rgb(255 255 255/.8),rgb(255 255 255/.45));border-color:rgb(255 255 255/.9);box-shadow:inset 0 1.5px 0 #fff,inset 0 0 10px rgb(255 255 255/.5),0 6px 16px -10px rgb(30 40 90/.4);-webkit-backdrop-filter:blur(16px) saturate(200%);backdrop-filter:blur(16px) saturate(200%)}
html[data-fb-theme="horizon-future"] .mast{border-bottom:1px solid rgb(11 16 32/.12)}
html[data-fb-theme="horizon-future"] .rail .sc-nav a:hover{background:rgb(255 255 255/.55)}html[data-fb-theme="horizon-future"] .app:has(.view) .rail .sc-nav a[aria-current]{background:rgb(255 255 255/.7)}
@media (prefers-reduced-motion:reduce){html[data-fb-theme="horizon-future"] body{animation:none}}
html[data-fb-theme="horizon-future"] .main{--sunk:rgb(255 255 255/.46)}
html[data-fb-theme="horizon-future"] .main .tabs{background:rgb(255 255 255/.4)}
html[data-fb-theme="horizon-future"] .fold{background:rgb(255 255 255/.5);border-color:rgb(255 255 255/.8)}
.app:has(.view[data-view="home"]) .sc-nav a[href="/"],
.app:has(.view[data-view="production"]) .sc-nav a[href="/production"],
.app:has(.view[data-view="calendar"]) .sc-nav a[href="/calendar"],
.app:has(.view[data-view="style"]) .sc-nav a[href="/style"],
.app:has(.view[data-view="approvals"]) .sc-nav a[href="/approvals"],
.app:has(.view[data-view="results"]) .sc-nav a[href="/results"],
.app:has(.view[data-view="library"]) .sc-nav a[href="/library"],
.app:has(.view[data-view="getting-started"]) .sc-nav a[href="/getting-started"],
.app:has(.view[data-view="team"]) .sc-nav a[href="/team"]{background:var(--fb-chrome-active,var(--sunk));color:var(--ink);font-weight:600;box-shadow:inset 3px 0 0 var(--accent)}

/* Fieldnote editorial workspace */
.ws-logo{background:var(--accent);color:var(--fb-on-accent,#fff);font-family:var(--head);font-weight:700}
.ws-name b{font-family:var(--head);font-size:16px}
.view h1{font-weight:600;letter-spacing:-.015em}
.view h2{font-weight:600;letter-spacing:-.005em}
.grp-label{letter-spacing:.08em}
.mast{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr);gap:clamp(24px,4vw,56px);align-items:start;padding-bottom:26px;border-bottom:2px solid var(--ink)}
.mast-main{display:grid;gap:12px;align-content:start}
.mast-k{font-size:12px;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}
.view .mast h1{font-size:clamp(32px,4vw,46px);line-height:1.06;max-width:17ch}
.mast-sub{font-size:17px;color:color-mix(in srgb,var(--ink) 76%,var(--paper));max-width:46ch}
.bcol-h span{font-family:var(--head);font-size:14px;color:var(--ink)}
.issue{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 20px;align-items:center;padding:16px 18px;border-radius:var(--r);background:var(--surface);border:1px solid var(--line)}
.issue p{font-size:14px;color:var(--muted)}.issue b{color:var(--ink)}
@media (max-width:1000px){.mast{grid-template-columns:minmax(0,1fr)}.mast .dates{padding-left:0;border-left:0;border-top:1px solid var(--line);padding-top:14px}}
@media (max-width:620px){.issue{grid-template-columns:minmax(0,1fr)}}