@font-face{font-family:Miranda Sans;src:url('/fonts/MirandaSans-VariableFont_wght.ttf') format('truetype');font-weight:100 900;font-style:normal;font-display:swap}
:root{
color-scheme:light;
--neutral-0:#fff;--neutral-25:#fafafa;--neutral-50:#f5f5f5;--neutral-100:#ebebeb;--neutral-125:#e8e8e8;--neutral-200:#e0e0e0;--neutral-300:#c8c8c8;--neutral-350:#b8b8b8;--neutral-400:#a0a0a0;--neutral-500:#8a8a8a;--neutral-550:#717171;--neutral-600:#5c5c5c;--neutral-650:#525252;--neutral-700:#404040;--neutral-750:#303030;--neutral-775:#2e2e2e;--neutral-800:#272727;--neutral-850:#222;--neutral-900:#1a1a1a;--neutral-950:#141414;
--paper:var(--neutral-50);--surface:var(--neutral-25);--surface-2:var(--neutral-100);--surface-raised:var(--neutral-0);--ink:var(--neutral-900);--muted:var(--neutral-550);--faint:var(--neutral-600);--line:var(--neutral-200);--line-strong:var(--neutral-300);
--status-error:#f91d20;--status-error-soft:#fde8e8;--status-success:#57af63;--status-success-soft:#e6f4e8;--status-info:var(--neutral-650);--status-info-soft:var(--neutral-125);
--hover:rgba(26,26,26,.04);--selected:rgba(26,26,26,.07);--focus:rgba(26,26,26,.14);--overlay-ink-soft:rgba(29,29,29,.15);--overlay-ink:rgba(29,29,29,.35);--overlay-backdrop:rgba(18,18,18,.46);--border-inverse-soft:rgba(255,255,255,.08);
--shadow-sm:0 1px 2px rgba(0,0,0,.04);--shadow-md:0 2px 8px rgba(0,0,0,.06),0 0 1px rgba(0,0,0,.04);--shadow-lg:0 8px 32px rgba(0,0,0,.08),0 0 1px rgba(0,0,0,.04);--shadow-xl:0 16px 48px rgba(0,0,0,.1),0 0 1px rgba(0,0,0,.06);--shadow-toast:0 4px 12px rgba(29,29,29,.1),0 1px 3px rgba(29,29,29,.06);
--font-ui:"Miranda Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-display:"Miranda Sans",sans-serif;--font-code:ui-monospace,SFMono-Regular,Consolas,monospace;
--font-size-micro:9px;--font-size-2xs:10px;--font-size-caption:11px;--font-size-xs:12px;--font-size-small:13px;--font-size-ui:14px;--font-size-code:.9em;--font-size-medium:15px;--font-size-body:16px;--font-size-lead:18px;--font-size-heading-sm:19px;--font-size-heading-md:22px;--font-size-heading-lg:24px;--font-size-heading-xl:26px;--font-size-heading-2xl:28px;--font-size-heading-3xl:30px;--font-size-heading-4xl:32px;--font-size-display:46px;
--line-display:.92;--line-landing:.93;--line-legal:.96;--line-solid:1;--line-heading:1.08;--line-copy:1.4;--line-body:1.45;--line-relaxed:1.5;--line-reading:1.55;--line-prose:1.6;--line-legal-copy:1.65;
--space-px:1px;--space-0-5:2px;--space-0-75:3px;--space-1:4px;--space-1-25:5px;--space-1-5:6px;--space-1-75:7px;--space-2:8px;--space-2-25:9px;--space-2-5:10px;--space-2-75:11px;--space-3:12px;--space-3-25:13px;--space-3-5:14px;--space-3-75:15px;--space-4:16px;--space-4-25:17px;--space-4-5:18px;--space-5:20px;--space-5-5:22px;--space-5-75:23px;--space-6:24px;--space-6-25:25px;--space-6-5:26px;--space-7:28px;--space-7-5:30px;--space-8:32px;--space-8-5:34px;--space-9-5:38px;--space-10:40px;--space-12:48px;--space-12-5:50px;
--radius-hairline:1px;--radius-2xs:2px;--radius-3xs:3px;--radius-xs:4px;--radius-compact:5px;--radius-sm:6px;--radius-md:8px;--radius-control:var(--radius-md);--radius-ml:10px;--radius-lg:12px;--radius-panel:var(--radius-lg);--radius-round-control:20px;--radius-pill:999px;--radius-full:50%;
--demo-near-ink:#181818;--demo-token-ink:#171717;--compare-candidate:var(--ink);--compare-observed:var(--neutral-400);--layer-top:1000;
--dark-paper:var(--neutral-950);--dark-surface:var(--neutral-900);--dark-surface-2:var(--neutral-850);--dark-surface-raised:var(--neutral-800);--dark-ink:var(--neutral-100);--dark-muted:var(--neutral-500);--dark-faint:var(--neutral-500);--dark-line:var(--neutral-775);--dark-line-strong:var(--neutral-700);--dark-status-error:#f44b4e;--dark-status-error-soft:#301114;--dark-status-success:#6bc275;--dark-status-success-soft:#162e1a;--dark-status-info:var(--neutral-350);--dark-status-info-soft:var(--neutral-750);--dark-hover:rgba(235,235,235,.04);--dark-selected:rgba(235,235,235,.07);--dark-focus:rgba(235,235,235,.14);--dark-shadow-sm:0 1px 2px rgba(0,0,0,.15);--dark-shadow-md:0 2px 8px rgba(0,0,0,.2),0 0 1px rgba(0,0,0,.1);--dark-shadow-lg:0 8px 32px rgba(0,0,0,.3),0 0 1px rgba(0,0,0,.1);--dark-shadow-xl:0 16px 48px rgba(0,0,0,.4),0 0 1px rgba(0,0,0,.15);
--sidebar:256px;--drawer:480px;--content-max:1440px;font-family:var(--font-ui);font-synthesis:none
}
[data-theme=dark]{color-scheme:dark;--paper:var(--dark-paper);--surface:var(--dark-surface);--surface-2:var(--dark-surface-2);--surface-raised:var(--dark-surface-raised);--ink:var(--dark-ink);--muted:var(--dark-muted);--faint:var(--dark-faint);--line:var(--dark-line);--line-strong:var(--dark-line-strong);--status-error:var(--dark-status-error);--status-error-soft:var(--dark-status-error-soft);--status-success:var(--dark-status-success);--status-success-soft:var(--dark-status-success-soft);--status-info:var(--dark-status-info);--status-info-soft:var(--dark-status-info-soft);--hover:var(--dark-hover);--selected:var(--dark-selected);--focus:var(--dark-focus);--shadow-sm:var(--dark-shadow-sm);--shadow-md:var(--dark-shadow-md);--shadow-lg:var(--dark-shadow-lg);--shadow-xl:var(--dark-shadow-xl)}
*{box-sizing:border-box}
*{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}
*::-webkit-scrollbar{width:8px;height:8px}
*::-webkit-scrollbar-track{background:transparent}
*::-webkit-scrollbar-thumb{background:var(--line-strong);background-clip:padding-box;border:2px solid transparent;border-radius:var(--radius-pill)}
*::-webkit-scrollbar-thumb:hover{background:var(--muted);background-clip:padding-box}
*::-webkit-scrollbar-corner{background:transparent}
html,body,#app{min-height:100%;margin:0}
body{background:var(--paper);color:var(--ink);font-size:var(--font-size-ui);line-height:var(--line-body);overflow-x:hidden}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--status-info);outline-offset:2px}
::selection{background:var(--ink);color:var(--paper)}
.mono,.metric-value,.badge,.meta,.value-code,td.numeric{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1,"ss01" 1}
.icon{width:17px;height:17px;display:inline-block;vertical-align:-3px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.icon-lg{width:22px;height:22px}
.icon-sm{width:14px;height:14px}
.button{border:1px solid var(--line-strong);background:var(--surface);border-radius:var(--radius-md);height:36px;padding:0 var(--space-4);display:inline-flex;align-items:center;gap:var(--space-2);justify-content:center;font-weight:520;font-size:var(--font-size-small);box-shadow:none;transition:background .12s,border-color .12s,color .12s}
.button:hover{background:var(--surface-2);border-color:var(--line-strong)}
.button:active{background:var(--focus)}
.button.primary{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.button.primary:hover{opacity:.88}
.button.primary:active{opacity:.78}
.button.ghost{border-color:transparent;background:transparent;box-shadow:none}
.button.ghost:hover{background:var(--hover)}
.button.small{height:32px;padding:0 var(--space-3);font-size:var(--font-size-xs)}
.button.icon-only{width:36px;padding:0}
.button.danger:hover{background:var(--status-error-soft);color:var(--status-error);border-color:var(--status-error)}
.button[disabled]{opacity:.45;cursor:not-allowed}
.theme-switch{width:72px;height:36px;border:0;border-radius:var(--radius-pill);background:var(--surface-2);padding:var(--space-0-75);display:grid;grid-template-columns:30px 30px;gap:var(--space-1-5);align-items:center;appearance:none;box-shadow:none;color:var(--faint);transition:background .15s ease}
.theme-switch:hover{background:color-mix(in srgb,var(--ink) 5%,var(--surface-2))}
.theme-choice{width:30px;height:30px;border-radius:var(--radius-full);display:grid;place-items:center;color:var(--faint);transition:background .15s ease,color .15s ease}
.theme-choice.active{background:color-mix(in srgb,var(--ink) 8%,var(--surface-2));color:var(--ink)}
.theme-choice .icon{width:17px;height:17px;stroke-width:1.8}
.theme-choice .theme-moon{fill:currentColor;stroke:none}
.sidebar-foot .theme-switch{margin:var(--space-2) var(--space-2-5) var(--space-0-75)}
.setting .theme-switch{flex:0 0 auto}
.landing{--landing-rail:min(1160px,calc(100vw - 48px));min-height:100vh;display:flex;flex-direction:column;background:var(--surface)}
.landing-nav{width:var(--landing-rail);height:72px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;border-bottom:0}
.wordmark{font-weight:760;letter-spacing:.12em;font-size:var(--font-size-small);display:flex;align-items:center;gap:var(--space-2-75);color:inherit;text-decoration:none}
button.wordmark{border:0;background:transparent;color:inherit;padding:0;text-align:left}
button.wordmark:hover{color:var(--muted)}
.brand-icon{display:block;width:24px;height:24px;object-fit:contain;flex:0 0 24px;border-radius:var(--radius-compact)}
.sidebar-head .brand-icon{width:26px;height:26px;flex-basis:26px}
.privacy-pill{height:30px;border:0;border-radius:var(--radius-round-control);padding:0 var(--space-3);display:flex;align-items:center;gap:var(--space-2);background:var(--surface-2);color:var(--muted);font-size:var(--font-size-xs)}
.privacy-pill i{width:6px;height:6px;background:var(--status-success);border-radius:var(--radius-full);box-shadow:0 0 0 3px var(--status-success-soft)}
.hero{width:var(--landing-rail);margin:0 auto;padding:clamp(62px,8vw,112px) 0 clamp(88px,10vw,136px)}
.hero-copy{width:min(760px,100%);margin:0 auto;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center;border-right:0;text-align:center}
.eyebrow{margin:0 0 var(--space-4);text-transform:uppercase;letter-spacing:.13em;font-size:var(--font-size-2xs);font-weight:560;color:var(--muted)}
h1{font-size:clamp(46px,5.5vw,84px);font-weight:420;letter-spacing:-.058em;line-height:var(--line-display);margin:0;max-width:880px}
h1 span{color:inherit;font-style:italic;font-weight:380}
.hero-description{font-size:var(--font-size-ui);line-height:var(--line-relaxed);letter-spacing:-.005em;max-width:530px;margin:var(--space-5) 0 0;color:var(--muted)}
.hero-actions{display:flex;justify-content:center;gap:var(--space-2);flex-wrap:wrap;margin-top:var(--space-6)}
.hero-actions .button{height:38px;padding:0 var(--space-3-5);font-size:var(--font-size-xs)}
.hero-actions .button.ghost{padding-left:var(--space-2-5);padding-right:var(--space-2-5)}
.trust-line{margin-top:var(--space-5);display:flex;justify-content:center;gap:var(--space-4-5);flex-wrap:wrap;color:var(--muted);font-size:var(--font-size-caption)}
.trust-line span{display:flex;align-items:center;gap:var(--space-1-75)}
.trust-line svg{color:var(--status-success)}
.hero-instrument{height:clamp(430px,49vw,630px);margin-top:clamp(38px,5vw,64px);padding:clamp(38px,5vw,72px);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;border-radius:var(--radius-compact);background:linear-gradient(180deg,#efeee9 0%,#c9ccc8 52%,#979c97 100%);isolation:isolate}
.hero-instrument:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.12) 0%,transparent 44%,rgba(20,24,21,.08) 100%);z-index:-1}
.product-window{width:min(970px,94%);height:min(500px,88%);overflow:hidden;border:1px solid color-mix(in srgb,var(--line-strong) 78%,transparent);border-radius:var(--radius-md);background:var(--surface);box-shadow:0 24px 70px rgba(24,27,25,.24),0 2px 8px rgba(24,27,25,.12)}
.product-window-bar{height:36px;padding:0 var(--space-3);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);color:var(--faint);font-size:var(--font-size-micro)}
.product-window-dots{display:flex;gap:var(--space-1-25)}.product-window-dots i{width:6px;height:6px;border-radius:var(--radius-full);background:var(--line-strong)}
.product-window-body{display:grid;grid-template-columns:180px minmax(0,1fr);height:calc(100% - 36px)}
.product-window-nav{padding:var(--space-4) var(--space-3);border-right:1px solid var(--line);background:color-mix(in srgb,var(--surface-2) 78%,transparent)}
.product-window-project{margin-bottom:var(--space-5);padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-compact);background:var(--surface)}
.product-window-project b,.product-window-project span{display:block}.product-window-project b{font-size:var(--font-size-caption)}.product-window-project span{margin-top:var(--space-0-75);color:var(--muted);font-size:var(--font-size-micro)}
.product-window-nav>span{display:block;padding:var(--space-1-75) var(--space-2-25);border-radius:var(--radius-xs);color:var(--muted);font-size:var(--font-size-caption)}
.product-window-nav>span.active{background:var(--selected);color:var(--ink)}
.product-window-main{min-width:0;padding:clamp(var(--space-5),3vw,var(--space-8));overflow:hidden}
.product-window-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-5);margin-bottom:var(--space-5)}
.product-window-heading b{display:block;font-size:var(--font-size-heading-sm);font-weight:520;letter-spacing:-.025em}.product-window-heading span{display:block;margin-top:var(--space-0-75);color:var(--muted);font-size:var(--font-size-caption)}
.hero-instrument>.system-path{display:none}
.landing-demo-metrics{grid-template-columns:repeat(4,1fr);margin-bottom:var(--space-3)}
.landing-demo-metrics .metric{padding:var(--space-3) var(--space-3-5)}
.landing-demo-metrics .metric-value{font-size:var(--font-size-heading-sm)}
.landing-demo-metrics .metric-delta{font-size:var(--font-size-micro)}
.landing-demo-table{margin-top:0;border-radius:var(--radius-compact)}
.landing-demo-table .panel-head{min-height:40px;padding:0 var(--space-3-5)}
.landing-demo-table .table-wrap{max-height:230px}
.landing-demo-table table.ledger{min-width:560px}
.landing-demo-table table.ledger th{height:32px;padding:0 var(--space-3);font-size:var(--font-size-micro)}
.landing-demo-table table.ledger td{height:48px;padding:var(--space-2) var(--space-3);font-size:var(--font-size-caption)}
.instrument-top{height:44px;padding:0 var(--space-3-5);display:flex;align-items:center;border-bottom:1px solid var(--line);gap:var(--space-1-75)}
.window-dot{width:8px;height:8px;border:0;border-radius:var(--radius-full);background:var(--line)}
.instrument-title{font-size:var(--font-size-caption);letter-spacing:.08em;text-transform:uppercase;margin-left:var(--space-1-5);color:var(--muted)}
.system-path{width:100%;border:1px solid var(--line-strong);border-radius:var(--radius-compact);background:var(--surface);overflow:hidden;box-shadow:none}
.system-path-head{height:38px;padding:0 var(--space-3-5);display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:var(--font-size-micro);text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid var(--line)}
.system-path-head span:last-child{color:var(--status-success)}
.system-path-row{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:var(--space-3);align-items:start;padding:var(--space-3-5) var(--space-4);border-bottom:1px solid var(--line)}
.system-path-row>span{color:var(--faint);font-size:var(--font-size-caption);letter-spacing:.1em}
.system-path-row b{display:block;margin-bottom:var(--space-1);font-size:var(--font-size-small);font-weight:560}
.system-path-row p{max-width:390px;margin:0;color:var(--muted);font-size:var(--font-size-caption);line-height:var(--line-relaxed)}
.system-path-row code{align-self:center;color:var(--muted);font-size:var(--font-size-caption);white-space:nowrap}
.system-path-foot{display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:var(--space-3);padding:var(--space-2-5) var(--space-4);color:var(--muted);font-size:var(--font-size-micro)}
.system-path-foot i{height:1px;background:var(--line-strong)}
.landing-footer{width:var(--landing-rail);min-height:70px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:var(--font-size-caption);letter-spacing:.02em}
.landing-details{width:var(--landing-rail);margin:0 auto;padding:clamp(78px,10vw,140px) 0;background:transparent;border-top:0}
.landing-details-head{display:block;max-width:460px;margin:0;text-align:left}
.landing-details-head .eyebrow{margin:0 0 var(--space-3)}
.landing-details-head h2{font-size:clamp(26px,2.5vw,36px);font-weight:430;letter-spacing:-.04em;line-height:var(--line-heading);max-width:460px;margin:0}
.landing-details-head>p:last-child{color:var(--muted);font-size:var(--font-size-ui);line-height:var(--line-relaxed);max-width:450px;margin:var(--space-4) 0 0}
.landing-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);max-width:none;margin:var(--space-3) 0 0;border:0;background:transparent;gap:var(--space-3)}
.landing-feature-grid article{background:var(--surface-2);padding:var(--space-6);border-radius:var(--radius-compact)}
.landing-feature-grid article>span{display:block;color:var(--faint);font-size:var(--font-size-2xs);letter-spacing:.12em;margin-bottom:clamp(var(--space-8),4vw,var(--space-12))}
.landing-feature-grid h3{font-size:var(--font-size-body);font-weight:540;letter-spacing:-.02em;margin:0 0 var(--space-2)}
.landing-feature-grid p{color:var(--muted);font-size:var(--font-size-small);line-height:var(--line-relaxed);margin:0}
.landing-support{max-width:1280px;margin:var(--space-6) auto 0;color:var(--muted);font-size:var(--font-size-small)}
.landing-support strong{color:var(--ink)}
.button-detail{margin-left:var(--space-2);font-size:var(--font-size-micro);font-weight:500;opacity:.68;text-transform:uppercase;letter-spacing:.08em}
.recent-ledgers{margin-top:var(--space-8-5)}.recent-ledgers .eyebrow{margin-bottom:var(--space-3)}.recent-ledgers .button{margin:0 var(--space-1-75) var(--space-1-75) 0}
.landing-pain{display:grid;grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr);gap:var(--space-3) clamp(48px,8vw,120px);align-items:center}
.landing-pain>.landing-details-head{grid-column:1;grid-row:1}.landing-pain>.gray-demo{grid-column:2;grid-row:1}
.gray-ledger{display:grid;grid-template-columns:repeat(16,1fr);width:100%;height:132px;margin:0;border-radius:var(--radius-compact);overflow:hidden;background:var(--paper)}
.gray-ledger i,.gray-ledger button{min-width:0;border:0;border-radius:0;background:var(--ink);opacity:var(--gray-alpha)}
.gray-ledger button{position:relative;padding:0;transition:opacity .12s,transform .12s}
.gray-ledger button:hover,.gray-ledger button.selected{z-index:1;opacity:calc(var(--gray-alpha) + .12);box-shadow:inset 0 0 0 2px var(--surface)}
.landing-pain>.gray-ledger,.landing-pain>.gray-ledger-label{display:none}
.gray-demo{overflow:hidden;border-radius:var(--radius-compact);box-shadow:none}
.gray-demo .panel-head{min-height:46px;padding:0 var(--space-4)}
.gray-demo .gray-ledger{height:108px;border-radius:0}
.gray-demo .gray-ledger-label{margin:0;padding:var(--space-2-5) var(--space-4);border-bottom:1px solid var(--line)}
.gray-demo-detail{display:grid;grid-template-columns:150px minmax(0,1fr);gap:var(--space-5);padding:var(--space-5)}
.gray-demo-detail .compare-value{margin:0;padding:var(--space-2-5)}
.gray-demo-detail .compare-swatch{height:72px}
.gray-demo-copy>b{display:block;margin:var(--space-3) 0 var(--space-1);font-size:var(--font-size-small)}
.gray-demo-copy>p{margin:0 0 var(--space-4);color:var(--muted);font-size:var(--font-size-caption);line-height:var(--line-relaxed)}
.gray-demo-copy .resolution-grid{grid-template-columns:1fr 1fr}
.gray-demo-copy .resolution-button{padding:var(--space-3)}
.gray-demo-copy .resolution-button span{color:var(--muted);font-size:var(--font-size-micro)}
.gray-ledger-label{grid-column:2;margin:0;color:var(--muted);font-size:var(--font-size-caption);letter-spacing:.03em}.gray-ledger-label span{padding:0 var(--space-2);color:var(--ink)}
.pain-grid{grid-column:1/-1}.pain-grid article{border-radius:var(--radius-compact)}
.landing-how{display:grid;grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr);gap:clamp(48px,8vw,120px);align-items:start}.how-grid{display:grid;grid-template-columns:1fr;gap:var(--space-2);margin:0}.how-grid article{display:grid;grid-template-columns:38px minmax(120px,.65fr) minmax(180px,1.35fr);gap:var(--space-4);align-items:center;min-height:0;padding:var(--space-5);border-radius:var(--radius-compact);background:var(--surface-2)}.how-grid article>span{color:var(--faint);font-size:var(--font-size-2xs);letter-spacing:.12em}.how-grid h3{margin:0;font-size:var(--font-size-body);font-weight:540;letter-spacing:-.02em}.how-grid p{margin:0;color:var(--muted);font-size:var(--font-size-small);line-height:var(--line-relaxed)}.how-grid code{grid-column:3;width:max-content;padding:var(--space-1-5) var(--space-2);border-radius:var(--radius-xs);background:var(--surface);color:var(--muted);font-size:var(--font-size-caption)}
.proof-section{display:grid;grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr);gap:clamp(48px,8vw,120px);align-items:start}.proof-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);margin:0}.proof-grid article{padding:clamp(var(--space-6),3vw,var(--space-8));border-radius:var(--radius-compact);background:var(--surface-2)}.proof-grid h3{margin:0 0 var(--space-2);font-size:var(--font-size-body);font-weight:540}.proof-grid p{max-width:580px;margin:0;color:var(--muted);font-size:var(--font-size-small);line-height:var(--line-relaxed)}.proof-grid ul{margin:var(--space-5) 0 0;padding:0;list-style:none}.proof-grid li{padding:var(--space-2) 0;border-top:1px solid var(--line);font-size:var(--font-size-caption)}
.agent-section{display:grid;grid-template-columns:minmax(420px,1.25fr) minmax(0,.75fr);gap:clamp(48px,8vw,120px);align-items:center}.agent-copy{grid-column:2}.agent-file{grid-column:1;grid-row:1}.agent-copy h2,.stack-section h2{margin:var(--space-3) 0 var(--space-4);font-size:clamp(26px,2.5vw,36px);font-weight:430;letter-spacing:-.04em;line-height:var(--line-heading)}.agent-copy>p:last-of-type{max-width:480px;color:var(--muted);font-size:var(--font-size-ui);line-height:var(--line-relaxed)}.integration-chips,.stack-chips{display:flex;gap:var(--space-1-5);flex-wrap:wrap;margin-top:var(--space-5)}.integration-chips button,.stack-chips span{padding:var(--space-1-5) var(--space-2-5);border:1px solid var(--line);border-radius:var(--radius-pill);background:transparent;color:var(--muted);font-size:var(--font-size-caption)}.integration-chips button:hover,.integration-chips button.selected{border-color:var(--line-strong);background:var(--selected);color:var(--ink)}
.agent-file{overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-compact);background:var(--surface-2);box-shadow:none}.agent-file pre{min-height:390px;margin:0;padding:clamp(var(--space-6),4vw,var(--space-12));white-space:pre-wrap}.agent-file code{font:var(--font-size-small)/1.9 ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--muted)}
.stack-section{text-align:center}.stack-section h2{margin-left:auto;margin-right:auto}.stack-chips{justify-content:center;max-width:900px;margin-left:auto;margin-right:auto}.stack-section>p:last-child{max-width:620px;margin:var(--space-5) auto 0;color:var(--muted);font-size:var(--font-size-small);line-height:var(--line-relaxed)}
.faq-section{display:grid;grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr);gap:clamp(48px,8vw,120px);align-items:start}.faq-list{display:grid;grid-template-columns:1fr;gap:0;margin:0;border-top:1px solid var(--line)}.faq-list details{padding:var(--space-4) 0;border-bottom:1px solid var(--line);border-radius:0;background:transparent}.faq-list summary{cursor:pointer;font-size:var(--font-size-small);font-weight:560;line-height:var(--line-heading);list-style-position:inside}.faq-list p{max-width:620px;margin:var(--space-3) 0 0;padding-left:var(--space-5);color:var(--muted);font-size:var(--font-size-small);line-height:var(--line-relaxed)}
.landing-cta{position:relative;isolation:isolate;width:var(--landing-rail);overflow:hidden;margin:0 auto var(--space-6);padding:clamp(64px,8vw,104px) var(--space-6);border:0;border-radius:var(--radius-compact);background:var(--surface-2);color:var(--ink);text-align:center}.landing-cta:before,.landing-cta:after{content:"";position:absolute;z-index:0;width:56%;aspect-ratio:1;border-radius:var(--radius-full);pointer-events:none}.landing-cta:before{top:-78%;left:5%;background:radial-gradient(circle,color-mix(in srgb,var(--status-success) 10%,transparent),transparent 69%)}.landing-cta:after{right:3%;bottom:-92%;background:radial-gradient(circle,color-mix(in srgb,var(--ink) 6%,transparent),transparent 68%)}.landing-cta>*{position:relative;z-index:1}.landing-cta .eyebrow{color:var(--muted)}.landing-cta h2{max-width:620px;margin:var(--space-3) auto var(--space-6);font-size:clamp(28px,3vw,40px);font-weight:430;letter-spacing:-.045em;line-height:var(--line-heading)}.landing-cta>div{display:flex;gap:var(--space-2);justify-content:center;flex-wrap:wrap}.landing-cta .button.primary{background:var(--ink);border-color:var(--ink);color:var(--paper)}.landing-cta .button.inverse{border-color:var(--line-strong);background:var(--surface);color:var(--ink)}.landing-cta>p:last-child{margin:var(--space-4) 0 0;color:var(--muted);font-size:var(--font-size-caption)}
.noscript-message{margin:0;padding:var(--space-4) var(--space-6);background:var(--status-error-soft);color:var(--ink);text-align:center}
.drop-active:after{content:"Drop local project files";position:fixed;inset:var(--space-3);z-index:var(--layer-top);background:color-mix(in srgb,var(--paper) 92%,transparent);border:2px dashed var(--status-info);display:grid;place-items:center;font-size:var(--font-size-heading-lg);color:var(--status-info);pointer-events:none}
.scan-screen{min-height:100vh;display:grid;place-items:center;padding:var(--space-8);background:var(--surface-2)}
.scan-panel{width:min(680px,100%);background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-10)}
.scan-heading{display:flex;justify-content:space-between;align-items:flex-start}
.scan-heading h2{font-size:var(--font-size-heading-3xl);font-weight:480;letter-spacing:-.035em;margin:0}
.scan-heading .badge{margin-top:var(--space-1-25)}
.scan-path{margin:var(--space-2) 0 var(--space-8);color:var(--muted)}
.scan-stage{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-top:1px solid var(--line);color:var(--faint);transition:color .3s ease}
.scan-stage.active{color:var(--ink)}
.scan-stage.done{color:var(--muted)}
.stage-index{width:22px;height:22px;border:1px solid var(--line);border-radius:var(--radius-full);display:grid;place-items:center;font-size:var(--font-size-2xs)}
.scan-stage.active .stage-index{border-color:var(--ink);color:var(--ink);animation:none}
.scan-stage.done .stage-index{background:var(--status-success);border-color:var(--status-success);color:white}
.scan-foot{margin-top:var(--space-6-5);display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:var(--font-size-xs)}
.shell{display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr);min-height:100vh}
.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);border-right:1px solid var(--line);background:var(--surface-2);display:flex;flex-direction:column;z-index:20}
.sidebar-head{height:72px;padding:0 var(--space-5);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}
.project-switcher{margin:var(--space-4) var(--space-3-5) var(--space-2-5);padding:var(--space-3-5);border:1px solid var(--line);background:var(--surface-raised);border-radius:var(--radius-md)}
.project-label{font-size:var(--font-size-micro);text-transform:uppercase;letter-spacing:.11em;color:var(--muted);margin-bottom:var(--space-0-75)}
.project-name{font-weight:580;font-size:var(--font-size-ui);margin-top:var(--space-0-5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.project-meta{color:var(--muted);font-size:var(--font-size-caption);margin-top:var(--space-1)}
.nav-section{padding:var(--space-2-5) var(--space-3-5);overflow-y:auto}
.nav-label{font-size:var(--font-size-2xs);text-transform:uppercase;letter-spacing:.12em;color:var(--faint);padding:var(--space-3-5) var(--space-3) var(--space-2)}
.nav-item{height:36px;width:100%;display:flex;align-items:center;gap:var(--space-2-5);border:0;background:transparent;padding:0 var(--space-3);border-radius:var(--radius-sm);color:var(--muted);font-size:var(--font-size-small);text-align:left;transition:background .12s,color .12s}
.nav-item:hover{background:var(--hover);color:var(--ink)}
.nav-item.active{background:var(--selected);color:var(--ink)}
.nav-item .count{margin-left:auto;color:var(--muted);font-size:var(--font-size-2xs)}
.nav-item.active .count{color:var(--status-info)}
.sidebar-foot{margin-top:auto;border-top:1px solid var(--line);padding:var(--space-3-25)}
.local-status{padding:var(--space-2-25) var(--space-2-5);color:var(--muted);font-size:var(--font-size-2xs);display:flex;gap:var(--space-2);align-items:center}
.local-status i{width:6px;height:6px;border-radius:var(--radius-full);background:var(--status-success)}
.workspace{grid-column:2;min-width:0}
.topbar{height:60px;position:sticky;top:0;z-index:15;background:color-mix(in srgb,var(--paper) 92%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--line);box-shadow:none;padding:0 var(--space-8);display:flex;align-items:center;justify-content:space-between}
.breadcrumb{font-size:var(--font-size-small);color:var(--muted)}
.breadcrumb b{color:var(--ink);font-weight:600}
.top-actions{display:flex;gap:var(--space-1-75)}
.top-more{position:relative}.top-more summary{list-style:none;cursor:pointer}.top-more summary::-webkit-details-marker{display:none}.top-menu{position:absolute;right:0;top:calc(100% + var(--space-2));width:218px;padding:var(--space-1-5);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-raised);box-shadow:var(--shadow-lg);display:grid;z-index:30}.top-menu button{height:36px;display:flex;align-items:center;gap:var(--space-2);border:0;border-radius:var(--radius-sm);padding:0 var(--space-2-5);background:transparent;color:var(--ink);font:inherit;text-align:left}.top-menu button:hover{background:var(--hover)}.top-menu .icon{width:15px;height:15px}
.content{padding:var(--space-10) var(--space-12) 170px;max-width:var(--content-max);margin:auto}
.page-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:var(--space-10);gap:var(--space-6)}
.page-head h2{font-size:var(--font-size-heading-4xl);line-height:var(--line-solid);font-weight:440;letter-spacing:-.035em;margin:0}
.page-kicker{margin:var(--space-2-5) 0 0;color:var(--muted);max-width:690px;font-size:var(--font-size-ui);line-height:var(--line-reading)}
.page-meta{font-size:var(--font-size-caption);color:var(--muted);text-align:right}
.metrics{display:grid;grid-template-columns:repeat(6,1fr);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);margin-bottom:var(--space-6-25);overflow:hidden}
.verdict{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-6);padding:var(--space-6) var(--space-6-5);margin-bottom:var(--space-5);border:1px solid var(--line-strong);border-radius:var(--radius-lg);background:var(--surface)}.verdict-eyebrow{display:block;margin-bottom:var(--space-2);color:var(--muted);font-size:var(--font-size-2xs);text-transform:uppercase;letter-spacing:.12em}.verdict h3{max-width:850px;margin:0;font-size:var(--font-size-heading-xl);font-weight:480;letter-spacing:-.025em;line-height:var(--line-heading)}.verdict-main p{margin:var(--space-2-5) 0 0;color:var(--muted);font-size:var(--font-size-small)}.verdict-actions{display:flex;align-items:flex-start;gap:var(--space-2)}.verdict-details{grid-column:1/-1;border-top:1px solid var(--line);padding-top:var(--space-3)}.verdict-details-label{display:block;color:var(--muted);font-size:var(--font-size-caption)}.verdict-details .analysis-strip{margin:var(--space-2-5) 0 0}
.metric{padding:var(--space-6) var(--space-5-5);border-right:1px solid var(--line);min-width:0;position:relative}
.metric:last-child{border:0}
.metric-label{font-size:var(--font-size-2xs);text-transform:uppercase;letter-spacing:.12em;color:var(--muted);white-space:nowrap;margin-bottom:var(--space-1-5)}
.metric-value{font-size:var(--font-size-heading-2xl);font-weight:480;letter-spacing:-.03em;margin-top:var(--space-1)}
.metric-delta{font-size:var(--font-size-caption);color:var(--muted);margin-top:var(--space-1-5)}
.metric.signal .metric-value{color:var(--status-info)}
.metric.resolved .metric-value{color:var(--status-success)}
.overview-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:var(--space-6)}
.overview-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5);align-items:stretch}
.overview-summary-grid>.panel{height:100%}
.overview-repairs{width:100%}
.panel{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);box-shadow:var(--shadow-sm);min-width:0}
.panel-head{min-height:56px;padding:0 var(--space-5);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.panel-title{font-size:var(--font-size-caption);text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}
.panel-action{font-size:var(--font-size-caption);color:var(--muted);border:0;background:none}
button.panel-action:hover{color:var(--ink)}
.system-map{padding:var(--space-5-5)}
.system-map-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:var(--space-4-5)}
.system-map-head b{font-size:var(--font-size-heading-md);font-weight:480;letter-spacing:-.03em}
.system-map-head span{font-size:var(--font-size-caption);color:var(--muted)}
.coverage-track{height:8px;background:var(--surface-2);display:flex;margin-bottom:var(--space-3);border-radius:var(--radius-xs);overflow:hidden}
.coverage-track i{height:100%;display:block}
.coverage-token{background:var(--ink);opacity:.75}
.coverage-raw{background:var(--line-strong)}
.coverage-legend{display:flex;gap:var(--space-4-5);color:var(--muted);font-size:var(--font-size-caption)}
.coverage-legend span:before{content:"";display:inline-block;width:7px;height:7px;margin-right:var(--space-1-75);background:var(--ink)}
.coverage-legend span:last-child:before{background:var(--line-strong)}
.category-bars{padding:var(--space-2) 0}
.category-row{display:grid;grid-template-columns:100px 1fr 38px;gap:var(--space-3);align-items:center;padding:var(--space-2-5) var(--space-4);border-bottom:1px solid var(--line)}
.category-row:last-child{border:0}
.mini-bar{height:4px;background:var(--surface-2);border-radius:var(--radius-2xs);overflow:hidden}
.mini-bar i{display:block;height:100%;background:var(--ink);border-radius:var(--radius-2xs);opacity:.3}
.category-row span{font-size:var(--font-size-xs)}
.category-row b{text-align:right;font-weight:500;font-size:var(--font-size-caption)}
.event-list{padding:0}
.event{padding:var(--space-3-25) var(--space-4);border-bottom:1px solid var(--line);display:grid;grid-template-columns:9px 1fr auto;gap:var(--space-2-75);align-items:start}
.event:last-child{border:0}
.event-dot{width:7px;height:7px;border-radius:var(--radius-full);background:var(--line-strong);margin-top:var(--space-1-25)}
.event.resolution .event-dot{background:var(--status-success)}
.event.baseline .event-dot{background:var(--status-info)}
.event b{display:block;font-size:var(--font-size-xs);font-weight:570}
.event p{margin:var(--space-0-5) 0 0;color:var(--muted);font-size:var(--font-size-2xs)}
.event time{font-size:var(--font-size-micro);color:var(--faint)}
.table-panel{border:1px solid var(--line);background:var(--surface);margin-top:var(--space-7);overflow:hidden}
.table-tools{min-height:50px;padding:var(--space-2) var(--space-2-75);display:flex;align-items:center;gap:var(--space-2);border-bottom:1px solid var(--line)}
.active-filter{min-height:38px;padding:var(--space-1-75) var(--space-3);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:var(--space-2);color:var(--muted);font-size:var(--font-size-caption);background:var(--surface-2)}
.active-filter code{color:var(--ink)}
.active-filter .panel-action{margin-left:auto}
.search{height:32px;min-width:220px;border:1px solid var(--line);background:var(--paper);border-radius:var(--radius-compact);padding:0 var(--space-2-5)}
.search:focus{border-color:var(--line-strong)}
.search:focus-visible{outline:1px solid var(--line-strong);outline-offset:1px}
.select{height:32px;border:1px solid var(--line);background:var(--paper);border-radius:var(--radius-compact);padding:0 var(--space-6-25) 0 var(--space-2-25);font-size:var(--font-size-caption)}
.table-tools .spacer{flex:1}
.table-wrap{overflow:auto;max-height:620px}
table.ledger{width:100%;border-collapse:collapse;min-width:650px}
table.ledger th{position:sticky;top:0;z-index:2;background:var(--surface-2);height:40px;text-align:left;padding:0 var(--space-4-5);border-bottom:1px solid var(--line);font-size:var(--font-size-2xs);text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:560}
table.ledger td{height:60px;padding:var(--space-3) var(--space-4-5);border-bottom:1px solid var(--line);vertical-align:middle;transition:background .1s}
table.ledger tr:last-child td{border-bottom:0}
table.ledger tbody tr{cursor:pointer;transition:background .1s}
table.ledger tbody tr:hover{background:var(--hover)}
table.ledger tbody tr.selected{background:var(--selected)}
.finding-title{font-weight:570;font-size:var(--font-size-xs)}
.finding-explain{font-size:var(--font-size-2xs);color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:460px}
.rule-code{font-size:var(--font-size-2xs);color:var(--muted)}
.badge{display:inline-flex;align-items:center;gap:var(--space-1-25);height:22px;border:1px solid var(--line);padding:var(--space-0-75) var(--space-2) var(--space-0-75) var(--space-1-75);border-radius:var(--radius-ml);font-size:var(--font-size-micro);text-transform:uppercase;letter-spacing:.07em;white-space:nowrap;color:var(--muted);transition:background .2s,border-color .2s,color .2s}
.badge:before{content:"";width:5px;height:5px;border-radius:var(--radius-full);background:var(--muted)}
.badge.high{border-color:color-mix(in srgb,var(--status-info) 30%,var(--line));color:var(--status-info);background:var(--status-info-soft)}
.badge.high:before{background:var(--status-info)}
.badge.open{border-color:var(--line-strong);color:var(--muted);background:var(--surface-2)}
.badge.open:before{background:var(--muted)}
.badge.planned{border-color:color-mix(in srgb,var(--status-info) 24%,var(--line));color:var(--status-info);background:var(--status-info-soft)}
.badge.planned:before{background:var(--status-info)}
.badge.regression{border-color:color-mix(in srgb,var(--status-error) 30%,var(--line));color:var(--status-error);background:var(--status-error-soft)}
.badge.regression:before{background:var(--status-error)}
.badge.regression{border-color:color-mix(in srgb,var(--status-error) 50%,var(--line))}
.badge.medium{color:var(--muted);background:var(--surface-2)}
.badge.medium:before{background:var(--muted)}
.badge.low{color:var(--muted)}
.badge.low:before{background:var(--faint)}
.badge.accepted,.badge.resolved{color:var(--status-success);background:var(--status-success-soft);border-color:color-mix(in srgb,var(--status-success) 30%,var(--line))}
.badge.accepted:before,.badge.resolved:before{background:var(--status-success)}
.badge.ignored{color:var(--faint);opacity:.8}
.swatch{width:31px;height:31px;border-radius:var(--radius-xs);border:1px solid rgba(0,0,0,.15);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);display:inline-block}
.value-cell{display:flex;align-items:center;gap:var(--space-2-75)}
.value-code{font-size:var(--font-size-xs)}
.value-token{display:block;font-size:var(--font-size-micro);color:var(--muted)}
.empty{padding:70px var(--space-6);text-align:center;color:var(--muted)}
.empty strong{display:block;color:var(--ink);font-size:var(--font-size-heading-sm);font-weight:480;margin-bottom:var(--space-1-75)}
.regression-banner{border:1px solid color-mix(in srgb,var(--status-error) 40%,var(--line));background:var(--status-error-soft);border-radius:var(--radius-sm);padding:var(--space-4) var(--space-5);margin:-4px 0 var(--space-6);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4-5)}
.regression-banner b{display:block;color:var(--status-error)}
.regression-banner span{display:block;color:var(--muted);font-size:var(--font-size-caption);margin-top:var(--space-0-5)}
.diff-strip{display:grid;grid-template-columns:1.5fr repeat(4,1fr);border:1px solid var(--line);background:var(--surface);margin-bottom:var(--space-5)}
.diff-strip>div{padding:var(--space-3-5) var(--space-4);border-right:1px solid var(--line)}
.diff-strip>div:last-child{border:0}
.diff-strip b{display:block;font-size:var(--font-size-lead);font-weight:500;letter-spacing:-.025em}
.diff-strip span{display:block;color:var(--muted);font-size:var(--font-size-micro);text-transform:uppercase;letter-spacing:.08em;margin-top:var(--space-0-5)}
.drift-explorer{margin-bottom:var(--space-5)}
.drift-explorer>.panel-head{align-items:flex-start}
.drift-explorer>.panel-head p{margin:var(--space-1) 0 0;color:var(--muted);font-size:var(--font-size-2xs)}
.drift-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}
.drift-group{min-width:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.drift-group:nth-child(2n){border-right:0}
.drift-group:last-child{border-bottom:0}
.drift-files{grid-column:1/-1;border-right:0}
.drift-group-head{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2-5) var(--space-3-5);background:var(--surface-2);border-bottom:1px solid var(--line)}
.drift-group-head b{font-size:var(--font-size-2xs);font-weight:550}
.drift-group-head span{font:9px/1 var(--mono);color:var(--muted)}
.drift-list{max-height:220px;overflow:auto}
.drift-item{display:grid;grid-template-columns:max-content minmax(0,1fr);align-items:center;gap:var(--space-2-25);padding:var(--space-2-25) var(--space-3-5);border-bottom:1px solid var(--line)}
.drift-item:last-child{border-bottom:0}
.drift-item b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--font-size-2xs);font-weight:500}
.drift-overflow{padding:var(--space-2-25) var(--space-3-5);color:var(--muted);font-size:var(--font-size-micro)}
.source-filter{max-width:280px}
.event.drift .event-dot{background:var(--status-info)}
.event.regression .event-dot{background:var(--status-error)}
.drawer-backdrop{position:fixed;inset:0;background:var(--overlay-ink-soft);backdrop-filter:blur(2px);z-index:30}
.drawer{position:fixed;z-index:31;inset:0 0 0 auto;width:min(var(--drawer),100vw);background:var(--surface);border-left:0;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;animation:slide .22s ease-out}
@keyframes slide{from{transform:translateX(20px);opacity:0}
}
.drawer-head{height:66px;padding:0 var(--space-4-5);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}
.drawer-scroll{padding:var(--space-7);overflow:auto;flex:1}
.drawer-rule{display:flex;gap:var(--space-1-75);align-items:center}
.rule-reference-link{margin-left:auto;color:var(--muted);font-family:var(--font-code);font-size:var(--font-size-caption);text-decoration:underline;text-decoration-color:var(--line-strong);text-underline-offset:3px}
.rule-reference-link:hover{color:var(--ink);text-decoration-color:currentColor}
.drawer h3{font-size:var(--font-size-heading-lg);line-height:var(--line-heading);letter-spacing:-.035em;font-weight:480;margin:var(--space-4-5) 0 var(--space-3)}
.drawer-copy{color:var(--muted);margin:0 0 var(--space-7);line-height:var(--line-prose)}
.comparison{display:grid;grid-template-columns:1fr 35px 1fr;align-items:center;margin:var(--space-4-5) 0 var(--space-6-5)}
.compare-value{border:1px solid var(--line);padding:var(--space-3);background:var(--paper)}
.compare-swatch{height:66px;margin-bottom:var(--space-2-5);border:1px solid rgba(0,0,0,.12)}
.compare-label{font-size:var(--font-size-micro);color:var(--muted);text-transform:uppercase;letter-spacing:.1em}
.compare-code{font-size:var(--font-size-xs);margin-top:var(--space-0-75)}
.compare-arrow{text-align:center;color:var(--muted)}
.drawer-section{border-top:1px solid var(--line);padding:var(--space-6) 0}
.drawer-section h4{margin:0 0 var(--space-2-75);font-size:var(--font-size-2xs);text-transform:uppercase;letter-spacing:.11em;color:var(--muted)}
.evidence{margin:0;padding:0;list-style:none}
.evidence li{position:relative;padding:var(--space-1) 0 var(--space-1) var(--space-4-25);font-size:var(--font-size-xs)}
.evidence li:before{content:"";position:absolute;left:var(--space-px);top:var(--space-2-5);width:5px;height:5px;border-radius:var(--radius-full);background:var(--line-strong)}
.occurrence{border:1px solid var(--line);margin-bottom:var(--space-2);background:var(--paper)}
.occurrence-head{padding:var(--space-2) var(--space-2-5);border-bottom:1px solid var(--line);font-size:var(--font-size-2xs);color:var(--muted);display:flex;justify-content:space-between}
.occurrence pre{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:var(--space-2-5);font:11px/1.45 ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--ink)}
.resolution-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-1-75)}
.resolution-button{padding:var(--space-4);border:1px solid var(--line);background:var(--paper);border-radius:var(--radius-md);text-align:left;font-size:var(--font-size-xs);transition:background .12s,border-color .12s;position:relative}
.resolution-button b{display:block;font-size:var(--font-size-xs);margin-bottom:var(--space-0-5)}
.resolution-button:hover{border-color:var(--line-strong);background:var(--surface-2)}
.drawer-footer{padding:var(--space-3-25) var(--space-4-5);border-top:1px solid var(--line);display:flex;gap:var(--space-2)}
.drawer-footer .button{flex:1}
.drawer-footer a.button{text-decoration:none;white-space:nowrap}
.modal-backdrop{position:fixed;inset:0;background:var(--overlay-ink);backdrop-filter:blur(4px);z-index:50;display:grid;place-items:center;padding:var(--space-5)}
.modal{background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:min(560px,100%);max-height:90vh;overflow:hidden;animation:none;display:flex;flex-direction:column;min-height:0}
.modal.export-modal{width:min(760px,100%)}
.modal-head{padding:var(--space-4-5) var(--space-5);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}
.modal-head h3{margin:0;font-size:var(--font-size-heading-sm);font-weight:520}
.modal-body{padding:var(--space-5);overflow:auto;min-height:0}
.modal-copy{color:var(--muted);margin:0 0 var(--space-4-5)}
.export-bundle-hero{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-3);align-items:center;padding:var(--space-5);text-align:left;border:1px solid var(--ink);border-radius:var(--radius-md);background:var(--ink);color:var(--paper);margin-bottom:var(--space-6);position:relative}
.export-bundle-hero:hover{opacity:.9}
.export-recommendation{grid-column:1/-1;width:max-content;padding:var(--space-0-75) var(--space-1-75);border:1px solid color-mix(in srgb,var(--paper) 40%,transparent);border-radius:var(--radius-pill);font-size:var(--font-size-micro);letter-spacing:.09em;text-transform:uppercase}
.export-bundle-copy{display:block;min-width:0}
.export-bundle-copy b{display:block;font-size:var(--font-size-body);margin-bottom:var(--space-1)}
.export-bundle-copy>span{display:block;color:color-mix(in srgb,var(--paper) 72%,transparent);font-size:var(--font-size-xs);line-height:var(--line-copy)}
.export-bundle-arrow{width:34px;height:34px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--paper) 34%,transparent);border-radius:var(--radius-full);font-size:var(--font-size-lead)}
.export-category+.export-category{margin-top:var(--space-6)}
.export-category-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);margin:0 0 var(--space-2)}
.export-category-head h4{margin:0;font-size:var(--font-size-xs);font-weight:620}
.export-category-head span{color:var(--muted);font-size:var(--font-size-2xs)}
.export-options{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2-25)}
.export-option{border:1px solid var(--line);background:var(--paper);padding:var(--space-4);text-align:left;border-radius:var(--radius-md);transition:background .12s,border-color .12s}
.export-option:hover{border-color:var(--line-strong);background:var(--surface-2)}
.export-option b{display:block}
.export-option span{font-size:var(--font-size-2xs);color:var(--muted)}
.modal label{display:block;font-size:var(--font-size-caption);color:var(--muted);margin:var(--space-3) 0 var(--space-1-25)}
.modal textarea,.modal input[type=text]{width:100%;border:1px solid var(--line);background:var(--paper);border-radius:var(--radius-compact);padding:var(--space-2-5)}
.modal-actions{padding:var(--space-3-25) var(--space-5);border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:var(--space-2)}
.value-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-px);border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden;background:var(--line)}
.value-explorer .value-grid{border:0;border-radius:0}
.value-card{padding:0;border:0;background:var(--surface);min-width:0;width:100%;text-align:left;color:inherit;font:inherit}
.value-card:hover{background:var(--surface-2)}
.value-card.selected{background:var(--selected);box-shadow:inset 0 0 0 1px var(--line-strong)}
.value-swatch{height:100px;border:0;border-bottom:1px solid var(--line);margin:0}
.value-top{display:flex;justify-content:space-between;gap:var(--space-2-5);padding:var(--space-3-5) var(--space-4) var(--space-1)}
.value-top b{font-size:var(--font-size-xs)}
.value-count{font-size:var(--font-size-caption);color:var(--faint);font-variant-numeric:tabular-nums}
.value-ref{margin:var(--space-1) 0 0;padding:0 var(--space-4) var(--space-3-5);font-size:var(--font-size-caption)}
.value-token-ref{display:flex;align-items:center;gap:var(--space-1);color:var(--status-success)}
.value-token-ref svg{width:12px;height:12px;flex:0 0 12px}
.value-no-token{color:var(--faint)}
.scale-track{height:140px;display:flex;align-items:stretch;gap:var(--space-1);padding:var(--space-3) var(--space-4-5);overflow-x:auto}
.scale-item{min-width:48px;height:100%;border:0;background:transparent;padding:var(--space-2) var(--space-1-5) var(--space-0-5);display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:var(--space-2);border-radius:var(--radius-sm);color:var(--muted)}
.scale-item:hover{background:var(--hover);color:var(--ink)}
.scale-item.selected{background:var(--selected);color:var(--ink)}
.scale-step{min-width:10px;background:var(--ink);opacity:.2;border-radius:2px 2px 0 0;flex:0 0 auto}
.scale-label{font-size:var(--font-size-2xs);color:currentColor;white-space:nowrap}
.spacing-system-group{display:grid;grid-template-columns:210px minmax(0,1fr);gap:var(--space-5);padding:var(--space-4-5) var(--space-5-5);border-top:1px solid var(--line)}
.spacing-system-label b,.spacing-system-label span{display:block}
.spacing-system-label b{font-size:var(--font-size-xs);margin-bottom:var(--space-1)}
.spacing-system-label span{font-size:var(--font-size-2xs);color:var(--muted);line-height:var(--line-body)}
.spacing-values{display:flex;flex-wrap:wrap;gap:var(--space-1-5);align-items:stretch}
.spacing-value{min-width:74px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--paper);padding:var(--space-2) var(--space-2-5);text-align:left;color:inherit}
.spacing-value:hover,.spacing-value.selected{border-color:var(--line-strong);background:var(--selected)}
.spacing-value b,.spacing-value span,.spacing-value small{display:block;white-space:nowrap}
.spacing-value b{font-size:var(--font-size-xs);font-weight:600}
.spacing-value span,.spacing-value small{font-size:var(--font-size-micro);color:var(--muted);margin-top:var(--space-0-5)}
.spacing-value small{color:var(--faint)}
.spacing-value.on-scale small{color:var(--status-success)}
.spacing-empty{align-self:center;color:var(--muted);font-size:var(--font-size-2xs)}
.shape-scale-track{display:flex;gap:var(--space-1);padding:var(--space-5) var(--space-6);overflow-x:auto}
.shape-scale-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-1-5);flex:0 0 auto;min-width:64px;border:0;border-radius:var(--radius-sm);padding:var(--space-2);background:transparent;color:inherit}
.shape-scale-item:hover{background:var(--hover)}
.shape-scale-item.selected{background:var(--selected)}
.shape-scale-corner{width:48px;height:48px}
.shape-scale-item span{font-size:var(--font-size-2xs);color:var(--muted)}
.shape-scale-item .shape-scale-count{font-size:var(--font-size-micro);color:var(--faint)}
.source-path{display:flex;gap:var(--space-2-25);align-items:center}
.source-path svg{color:var(--muted)}
.warning{color:var(--status-info)}
.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5);align-items:start}
.settings-section{border:1px solid var(--line);background:var(--surface)}
.settings-section h3{padding:var(--space-3-5) var(--space-4);margin:0;border-bottom:1px solid var(--line);font-size:var(--font-size-xs)}
.setting{min-height:57px;padding:var(--space-2-5) var(--space-4);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:var(--space-5)}
.setting:last-child{border:0}
.setting>div:first-child>b{display:block;font-size:var(--font-size-xs)}
.setting>div:first-child>span{display:block;color:var(--muted);font-size:var(--font-size-2xs)}
.setting-control{min-width:96px;display:flex;align-items:center;justify-content:flex-end;font-size:var(--font-size-xs);color:var(--muted)}
.setting-status{font-size:var(--font-size-2xs);color:var(--muted)}
.setting-status.positive{color:var(--status-success)}
.analysis-strip{display:flex;flex-wrap:wrap;gap:0;margin:-4px 0 var(--space-7);border:0;background:transparent;color:var(--faint);font-size:var(--font-size-caption)}
.analysis-strip span{padding:var(--space-1) 0;border-right:0;margin-right:var(--space-5);color:var(--faint);white-space:nowrap}
.analysis-strip span:last-child{border-right:0}
.analysis-strip b{color:var(--muted);font-weight:550}
.preflight-panel{width:min(1040px,calc(100vw - 40px));max-height:calc(100vh - 40px);overflow:auto;border:1px solid var(--line-strong);background:var(--surface);box-shadow:var(--shadow-sm);padding:var(--space-6)}
.preflight-metrics{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);margin:var(--space-5) 0}
.preflight-metrics .metric{border-bottom:0}
.preflight-grid{display:grid;grid-template-columns:minmax(280px,.75fr) minmax(420px,1.25fr);gap:var(--space-5)}
.preflight-panel label{display:block;font-size:var(--font-size-caption);font-weight:620;margin:0 0 var(--space-1-5)}
.preflight-input,.preflight-textarea{width:100%;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:var(--radius-compact);padding:var(--space-2-5);margin-bottom:var(--space-4)}
.preflight-textarea{resize:vertical;line-height:var(--line-legal-copy)}
.field-help{margin:-8px 0 0;color:var(--muted);font-size:var(--font-size-2xs)}
.skip-register{border:1px solid var(--line);background:var(--paper);max-height:340px;overflow:auto}
.skip-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(140px,.55fr);gap:var(--space-3-5);padding:var(--space-2) var(--space-3);border-top:1px solid var(--line);font-size:var(--font-size-2xs)}
.skip-row span:first-child{overflow:hidden;text-overflow:ellipsis}
.skip-row span:last-child{color:var(--muted)}
.preflight-actions{display:flex;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-5-5);padding-top:var(--space-4);border-top:1px solid var(--line)}
.empty.compact{padding:var(--space-7) var(--space-4)}
.scan-record{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-3-75);border-top:1px solid var(--line)}
.scan-record>div:first-child{min-width:0}
.scan-record b,.scan-record span{display:block}
.scan-record b{font-size:var(--font-size-caption);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.scan-record span{font-size:var(--font-size-micro);color:var(--muted);margin-top:var(--space-0-75)}
.scan-record>div:last-child{display:flex;align-items:center;gap:var(--space-2)}
.scan-record>div:last-child span{margin:0}
.component-registry{margin-bottom:var(--space-5)}
.component-row{display:grid;grid-template-columns:minmax(0,1fr) auto 140px;align-items:center;gap:var(--space-3-5);padding:var(--space-2-75) var(--space-3-75);border-top:1px solid var(--line)}
.component-row:first-of-type{border-top:0}
.component-row>div{min-width:0}
.component-row b{display:block;font-size:var(--font-size-xs);font-weight:600}
.component-row .mono{display:block;color:var(--muted);font-size:var(--font-size-micro);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:var(--space-0-5)}
.component-role{color:var(--muted);font-size:var(--font-size-2xs);text-align:right;text-transform:uppercase;letter-spacing:.07em}
.scan-inspector{width:min(760px,100%)}
.modal-head>div>span{display:block;margin-top:var(--space-1);font-size:var(--font-size-micro);color:var(--muted)}
.scan-summary{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);margin-bottom:var(--space-4)}
.scan-summary span{padding:var(--space-3);border-right:1px solid var(--line);font-size:var(--font-size-micro);color:var(--muted)}
.scan-summary span:last-child{border-right:0}
.scan-summary b{display:block;font-size:var(--font-size-heading-sm);color:var(--ink);font-weight:560}
.historical-findings{border:1px solid var(--line);max-height:360px;overflow:auto}
.historical-findings>div{display:grid;grid-template-columns:105px minmax(0,1fr) auto;align-items:center;gap:var(--space-2-5);padding:var(--space-2-25) var(--space-2-75);border-top:1px solid var(--line)}
.historical-findings>div:first-child{border-top:0}
.historical-findings b{font-size:var(--font-size-2xs);font-weight:520;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.setting.setting-stack{display:block}
.setting-stack>div{margin-bottom:var(--space-2-5)}
.setting-stack .preflight-textarea{margin:0}
.source-detail-head{display:flex;gap:var(--space-2-25);align-items:center;margin-bottom:var(--space-5-5)}
.source-viewer{border:1px solid var(--line);background:var(--surface);overflow:hidden}
.source-viewer-head{height:44px;padding:0 var(--space-3-25);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:var(--font-size-2xs);color:var(--muted)}
.source-viewer-head span:first-child{font-family:var(--font-code);color:var(--ink)}
.code-register{overflow:auto;max-height:calc(100vh - 230px);padding:var(--space-2-25) 0;background:color-mix(in srgb,var(--surface) 88%,var(--paper))}
.code-line{display:grid;grid-template-columns:54px minmax(88px,auto) minmax(0,1fr);min-height:24px;align-items:start;font:11px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;border-left:2px solid transparent}
.code-line.marked{background:var(--status-info-soft);border-left-color:var(--status-info)}
.line-number{color:var(--faint);text-align:right;padding-right:var(--space-3-25);user-select:none}
.line-markers{display:flex;gap:var(--space-0-75);padding-top:var(--space-0-5)}
.line-markers button{height:17px;border:1px solid color-mix(in srgb,var(--status-info) 45%,var(--line));background:var(--surface);color:var(--status-info);font:8px ui-monospace,SFMono-Regular,Consolas,monospace;border-radius:var(--radius-3xs);padding:0 var(--space-1)}
.code-line code{white-space:pre;padding-right:var(--space-5);color:var(--ink)}
.number-field{height:30px;border:1px solid var(--line);background:var(--paper);border-radius:var(--radius-compact);display:flex;align-items:center;overflow:hidden}
.number-field input{width:58px;height:100%;border:0;background:transparent;text-align:right;padding:0 var(--space-1-25)}
.setting .number-field span{padding:0 var(--space-2) 0 0;font-size:var(--font-size-2xs);color:var(--muted)}
.toast{position:fixed;z-index:100;bottom:var(--space-6);left:calc(var(--sidebar) + var(--space-6));background:var(--ink);color:var(--paper);padding:var(--space-2) var(--space-2-25) var(--space-2) var(--space-3-5);border-radius:var(--radius-ml);box-shadow:var(--shadow-toast);font-size:var(--font-size-xs);animation:none;display:flex;align-items:center;gap:var(--space-4)}.toast button{height:28px;border:1px solid color-mix(in srgb,var(--paper) 35%,transparent);border-radius:var(--radius-sm);background:transparent;color:inherit;padding:0 var(--space-2-25);font:inherit}.toast kbd{margin-left:var(--space-1-25);color:inherit;opacity:.7;font-size:var(--font-size-micro)}
.workflow-dock{position:fixed;right:var(--space-6);bottom:var(--space-6);z-index:24;width:min(420px,calc(100vw - var(--sidebar) - 48px));overflow:hidden;border:1px solid var(--line-strong);border-radius:var(--radius-ml);background:color-mix(in srgb,var(--surface-raised) 94%,transparent);box-shadow:var(--shadow-lg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.workflow-dock-state{width:100%;min-height:64px;padding:var(--space-3) var(--space-3-5);display:grid;grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:var(--space-3);border:0;background:transparent;color:var(--ink);font:inherit;text-align:left;cursor:pointer}
.workflow-dock-state:hover{background:var(--hover)}
.workflow-dock-state:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}
.workflow-dock-state>i{width:8px;height:8px;border-radius:var(--radius-full);background:var(--status-success)}
.workflow-dock.attention .workflow-dock-state>i{background:var(--status-info)}
.workflow-dock.progress .workflow-dock-state>i{background:var(--status-error)}
.workflow-dock.danger .workflow-dock-state>i{background:var(--status-error);box-shadow:0 0 0 4px var(--status-error-soft)}
.workflow-dock-state>span:nth-child(2){min-width:0;display:grid;gap:var(--space-0-5)}
.workflow-dock-state small{color:var(--muted);font-size:var(--font-size-micro);font-weight:600;letter-spacing:.1em;text-transform:uppercase}
.workflow-dock-state b{font-size:var(--font-size-small);font-weight:600}
.workflow-dock-state em{overflow:hidden;color:var(--muted);font-size:var(--font-size-2xs);font-style:normal;text-overflow:ellipsis;white-space:nowrap}
.workflow-dock-open{color:var(--muted);font-size:var(--font-size-2xs);white-space:nowrap}
.workflow-dock-actions{min-height:45px;padding:var(--space-1-5) var(--space-2);display:flex;align-items:center;justify-content:flex-end;gap:var(--space-1-5);border-top:1px solid var(--line);background:color-mix(in srgb,var(--surface-2) 64%,transparent)}
.workflow-dock-actions .button{height:32px}
.workflow-modal{width:min(760px,100%)}
.workflow-modal .modal-head>div{display:grid;gap:var(--space-1)}
.workflow-modal .modal-head h3{margin:0}
.workflow-modal .modal-head span{color:var(--muted);font-size:var(--font-size-caption)}
.workflow-summary{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:var(--radius-md);overflow:hidden}
.workflow-summary span{min-width:0;padding:var(--space-3) var(--space-4);display:grid;gap:var(--space-1);border-right:1px solid var(--line);color:var(--muted);font-size:var(--font-size-caption)}
.workflow-summary span:last-child{border-right:0}
.workflow-summary b{color:var(--ink);font-size:var(--font-size-heading-md);font-weight:500}
.workflow-receipt{margin-top:var(--space-4);padding:var(--space-3) 0;display:grid;grid-template-columns:150px minmax(0,1fr);gap:var(--space-4);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.workflow-receipt>div{display:grid;gap:var(--space-1)}
.workflow-receipt span,.workflow-plan-head span{color:var(--muted);font-size:var(--font-size-2xs);font-weight:600;letter-spacing:.09em;text-transform:uppercase}
.workflow-receipt b{font-size:var(--font-size-small);font-weight:600}
.workflow-receipt p{margin:0;color:var(--muted);font-size:var(--font-size-caption);line-height:var(--line-reading)}
.workflow-receipt.exported b{color:var(--status-success)}
.workflow-plan{margin-top:var(--space-5)}
.workflow-plan-head{padding-bottom:var(--space-3);display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4)}
.workflow-plan-head h4{margin:var(--space-1) 0 0;font-size:var(--font-size-body);font-weight:520}
.workflow-plan-head small{color:var(--muted);font-size:var(--font-size-caption)}
.workflow-plan-row{width:100%;min-height:62px;padding:var(--space-3) 0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-3);border:0;border-top:1px solid var(--line);background:transparent;color:var(--ink);font:inherit;text-align:left;cursor:pointer}
.workflow-plan-row:hover,.workflow-plan-row:focus-visible{background:var(--hover)}
.workflow-plan-row:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}
.workflow-plan-copy{min-width:0;display:grid;gap:var(--space-1)}
.workflow-plan-copy b{overflow:hidden;font-size:var(--font-size-small);font-weight:560;text-overflow:ellipsis;white-space:nowrap}
.workflow-plan-copy small{overflow:hidden;color:var(--muted);font-size:var(--font-size-caption);text-overflow:ellipsis;white-space:nowrap}
.workflow-modal-actions .spacer{flex:1}
@keyframes toast{from{transform:translateY(6px);opacity:0}
}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.mobile-menu-button{display:none}
.mobile-nav-backdrop{display:none}
.bounded-footer{min-height:48px;padding:var(--space-2) var(--space-3);border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);color:var(--muted);font-size:var(--font-size-2xs)}
.ledger tbody tr{content-visibility:auto;contain-intrinsic-size:52px}
@media(max-width:1100px){:root{--sidebar:210px}
.metrics{grid-template-columns:repeat(3,1fr)}
.metric:nth-child(3){border-right:0}
.metric:nth-child(-n+3){border-bottom:1px solid var(--line)}
.overview-grid{grid-template-columns:1fr}
.overview-summary-grid{grid-template-columns:1fr}
.hero{grid-template-columns:1fr}
}
.page-actions{display:flex;gap:var(--space-2);margin-top:var(--space-3-5)}
.select-cell{width:38px;text-align:center!important}
.select-cell input{width:15px;height:15px;accent-color:var(--ink)}
.selection-tools,.batch-bar{display:flex;align-items:center;gap:var(--space-2-25);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--line);background:var(--paper)}
.selection-tools{justify-content:flex-end;padding-block:var(--space-1-5)}
.batch-bar{background:var(--surface-2)}
.batch-bar .spacer{flex:1}
.finding-title .badge{margin-left:var(--space-1-5);vertical-align:1px}
.reconcile-shell{max-width:780px;margin:var(--space-5) auto 0;padding:0 var(--space-6)}
.reconcile-progress{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-3-5);margin-bottom:var(--space-3);font-size:var(--font-size-caption);color:var(--muted)}
.reconcile-progress>div{height:3px;background:var(--surface-2);border-radius:var(--radius-2xs);overflow:hidden}
.reconcile-progress i{display:block;height:100%;background:var(--ink)}
.reconcile-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);padding:36px 36px var(--space-8);box-shadow:var(--shadow-sm);margin-bottom:var(--space-5)}
.reconcile-card h3{font-size:var(--font-size-heading-xl);line-height:var(--line-heading);letter-spacing:-.035em;font-weight:490;margin:var(--space-5) 0 var(--space-3)}
.reconcile-card>p{color:var(--muted);max-width:720px}
.guided-confirm label{font-size:var(--font-size-2xs);color:var(--muted)}
.reconcile-evidence{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);border-top:1px solid var(--line);padding-top:var(--space-5)}
.reconcile-evidence h4{font-size:var(--font-size-2xs);text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}
.reconcile-evidence ul{padding-left:var(--space-4-25);color:var(--muted)}
.reconcile-evidence button{display:flex;flex-direction:column;width:100%;padding:var(--space-2) 0;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left}
.reconcile-evidence button span{font-size:var(--font-size-2xs);color:var(--muted)}
.reconcile-decision{border:1px solid var(--line);border-top:0;background:var(--surface);padding:var(--space-4)}
.guided-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2)}
.guided-actions .resolution-button{min-height:66px;display:grid;grid-template-columns:auto 1fr;gap:var(--space-2);align-items:center}
.guided-actions .resolution-button.selected{border-color:var(--ink);background:var(--selected)}
kbd{font:10px/1.4 var(--mono);border:1px solid var(--line-strong);border-radius:var(--radius-3xs);background:var(--surface-2);padding:var(--space-px) var(--space-1-25);box-shadow:0 1px 0 var(--line)}
.guided-confirm .button.primary kbd{border-color:currentColor;background:transparent;color:inherit;box-shadow:none;opacity:.72}
.guided-confirm{display:flex;flex-wrap:wrap;gap:var(--space-2-5);align-items:end;margin-top:var(--space-3-5);padding-top:var(--space-3-5);border-top:1px solid var(--line)}
.guided-confirm label{display:flex;flex:1;flex-direction:column;gap:var(--space-1-25)}
.guided-confirm input{height:38px;border:1px solid var(--line);background:var(--paper);border-radius:var(--radius-compact);padding:0 var(--space-2-5);color:var(--ink)}
.naming-suggestions{flex:1 0 100%;display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;padding:var(--space-2-5);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-2)}
.naming-suggestions>span{width:100%;color:var(--muted);font-size:var(--font-size-caption)}
.naming-suggestions button{display:grid;gap:var(--space-0-5);padding:var(--space-2) var(--space-2-5);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);text-align:left}
.naming-suggestions button:hover{border-color:var(--ink)}
.naming-suggestions code{font-size:var(--font-size-caption)}
.naming-suggestions small{color:var(--muted);font-size:var(--font-size-2xs)}
.guided-hint{text-align:center;color:var(--muted);font-size:var(--font-size-caption);margin:var(--space-3-5) 0 0}
.reconcile-complete{max-width:620px;margin:60px auto;text-align:center;border:1px solid var(--line);background:var(--surface);padding:var(--space-12-5)}
.reconcile-complete h3{font-size:var(--font-size-heading-xl);margin:var(--space-4) 0 var(--space-2)}
.reconcile-complete p{color:var(--muted);margin:0 auto var(--space-6);max-width:460px}
.reconcile-complete .button{margin:var(--space-1)}
.session-receipt{padding:clamp(var(--space-7),5vw,56px);border:1px solid var(--line-strong);border-radius:var(--radius-lg);background:var(--surface);margin-bottom:var(--space-6)}.session-receipt.attention{border-top:3px solid var(--status-info)}.session-receipt.positive{border-top:3px solid var(--status-success)}.session-eyebrow{display:block;color:var(--muted);font-size:var(--font-size-2xs);text-transform:uppercase;letter-spacing:.12em}.session-receipt h2{max-width:920px;margin:var(--space-3-5) 0 var(--space-7);font-size:clamp(28px,4vw,48px);font-weight:430;letter-spacing:-.045em;line-height:1.02}.session-stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.session-stats span{padding:var(--space-4) var(--space-4-5);border-right:1px solid var(--line);color:var(--muted);font-size:var(--font-size-caption)}.session-stats span:last-child{border-right:0}.session-stats b{display:block;color:var(--ink);font-size:var(--font-size-heading-lg);font-weight:480}.session-actions{display:flex;gap:var(--space-2);padding-top:var(--space-5)}.session-findings{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);overflow:hidden}.session-finding{display:block;width:100%;padding:var(--space-6);border:0;border-top:1px solid var(--line);background:transparent;color:inherit;text-align:left}.session-finding:first-of-type{border-top:0}.session-finding:hover{background:var(--hover)}.session-finding>div:first-child{display:flex;align-items:center;gap:var(--space-2)}.session-finding h3{margin:var(--space-3) 0 var(--space-1-75);font-size:var(--font-size-heading-md);font-weight:500}.session-finding>p{max-width:760px;color:var(--muted)}.session-source{display:block;margin-top:var(--space-3);color:var(--muted);font-size:var(--font-size-caption)}.session-clean{padding:52px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);text-align:center}.session-clean h3{margin:var(--space-4) 0 var(--space-2);font-size:var(--font-size-heading-xl)}.session-clean p{max-width:520px;margin:auto;color:var(--muted)}
.selective-drop{margin-top:var(--space-3-5);border:1px dashed var(--line-strong);background:var(--paper);padding:var(--space-6);display:flex;flex-direction:column;align-items:center;gap:var(--space-1-5)}
.selective-drop.active{border-color:var(--status-info);background:var(--status-info-soft)}
.selective-drop span{font-size:var(--font-size-caption);color:var(--muted);margin-bottom:var(--space-1-5)}
.shortcut-list{display:grid;gap:var(--space-3)}
.shortcut-list span{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:var(--space-2-25)}
.vc-color{margin:var(--space-5) 0 var(--space-6);padding:var(--space-6);background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-md)}
.vc-color-pair{display:grid;grid-template-columns:1fr 60px 1fr;gap:0;align-items:center}
.vc-swatch-block{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);min-width:0}
.vc-swatch-large{width:100%;aspect-ratio:16/9;border-radius:var(--radius-sm);border:1px solid rgba(0,0,0,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.vc-swatch-block.observed .vc-swatch-large{outline:1px dashed var(--compare-observed);outline-offset:3px}
.vc-swatch-block.candidate .vc-swatch-large{box-shadow:0 0 0 2px var(--compare-candidate),inset 0 0 0 1px rgba(255,255,255,.1)}
.vc-swatch-block.candidate .vc-swatch-label{color:var(--compare-candidate)}
.vc-swatch-label,.vc-type-label{font-size:var(--font-size-2xs);text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}
.vc-swatch-value{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--font-size-xs);color:var(--ink)}
.vc-bridge{display:flex;flex-direction:column;align-items:center;gap:var(--space-1-5);padding:0 var(--space-1)}
.vc-bridge-gradient{width:100%;height:6px;border-radius:var(--radius-3xs)}
.vc-bridge-label{font-size:var(--font-size-micro);color:var(--faint);letter-spacing:.06em}
.vc-palette-strip{display:flex;gap:var(--space-1);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--line);flex-wrap:wrap}
.vc-palette-dot{width:24px;height:24px;border-radius:var(--radius-full);border:1px solid rgba(0,0,0,.08);flex:0 0 24px}
.vc-type-label{display:block;margin-bottom:var(--space-3);font-family:var(--font-display)}
.vc-overlay-compare{margin:var(--space-5) 0 var(--space-6);padding:var(--space-6);background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-md)}
.vc-overlay-stage{position:relative;overflow:hidden;background:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:16px 16px;border-radius:var(--radius-sm)}
.vc-type-stage{min-height:160px;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:var(--space-4);padding:var(--space-6)}
.vc-type-sample{min-width:0;min-height:104px;display:grid;place-items:center;padding:var(--space-4);background:color-mix(in srgb,var(--paper) 88%,transparent);border-radius:var(--radius-sm)}
.vc-type-sample.observed{color:var(--compare-observed);border:2px dotted var(--compare-observed)}
.vc-type-sample.candidate{color:var(--compare-candidate);border:2px solid var(--compare-candidate)}
.vc-type-render{margin:0;color:inherit;line-height:var(--line-copy);overflow-wrap:anywhere;text-align:center;max-width:100%}
.vc-type-relation{width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--line-strong);border-radius:var(--radius-full);background:var(--surface);color:var(--muted);font-size:var(--font-size-small)}
.vc-overlay-legend{display:flex;align-items:center;justify-content:center;gap:var(--space-6);margin-top:var(--space-4);font-size:var(--font-size-xs)}
.vc-overlay-legend span{display:flex;align-items:center;gap:var(--space-1-5)}
.vc-overlay-legend span:before{content:"";width:18px;height:0;border-top:2px solid currentColor}
.vc-overlay-legend .observed{color:var(--compare-observed)}
.vc-overlay-legend .observed:before{border-top-style:dotted}
.vc-overlay-legend .candidate{color:var(--compare-candidate)}
.vc-spacing-stage{height:96px}
.vc-spacing-measure{position:absolute;left:0;top:50%;transform:translateY(-50%);display:block}
.vc-spacing-measure.candidate{height:22px;background:var(--compare-candidate);border-radius:0 var(--radius-xs) var(--radius-xs) 0}
.vc-spacing-measure.observed{height:34px;border:2px dotted var(--compare-observed);border-left:0;border-radius:0 var(--radius-sm) var(--radius-sm) 0}
.vc-shape-overlay{margin:var(--space-5) 0 var(--space-6);padding:var(--space-8);background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}
.vc-corner-svg{width:160px;height:160px}
.vc-corner-legend{display:flex;gap:var(--space-6);font-size:var(--font-size-xs);color:var(--muted)}
.vc-corner-legend span{display:flex;align-items:center;gap:var(--space-1-5)}
.vc-corner-legend .observed{color:var(--compare-observed)}
.vc-corner-legend .candidate{color:var(--compare-candidate)}
.vc-legend-solid{display:block;width:16px;height:2.5px;background:var(--compare-candidate);border-radius:var(--radius-hairline)}
.vc-legend-dashed{display:block;width:16px;height:0;border-top:2px dotted var(--compare-observed)}
.vc-shadow-compare{padding:var(--space-8)}
.vc-shadow-stage{position:relative;height:170px;display:grid;place-items:center}
.vc-shadow-preview{grid-area:1/1;width:72%;max-width:260px;aspect-ratio:3/2;background:var(--surface-raised);border-radius:var(--radius-sm)}
.vc-shadow-preview.observed{border:2px dotted var(--compare-observed);transform:translate(8px,6px);opacity:.72}
.vc-shadow-preview.candidate{border:2px solid var(--compare-candidate);transform:translate(-8px,-6px)}
.guided-comparison{display:flex;flex-direction:column;gap:0;margin:var(--space-5) 0 var(--space-6);padding:0;background:transparent;border:0;border-radius:0}
.vc-summary{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-px);border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden;background:var(--line);margin-top:calc(-1 * var(--space-px))}
.vc-summary>div{background:var(--surface);padding:var(--space-3) var(--space-4);min-width:0}
.vc-summary>div.observed{border-top:2px dotted var(--compare-observed)}
.vc-summary>div.candidate{border-top:2px solid var(--compare-candidate)}
.vc-summary>div.candidate span{color:var(--compare-candidate)}
.vc-summary span{display:block;margin-bottom:var(--space-1);font-size:var(--font-size-2xs);text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}
.vc-summary b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:520;font-size:var(--font-size-small)}
.fp-color,.fp-spacing,.fp-type,.fp-effect{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;flex:0 0 22px;vertical-align:-4px;margin-right:var(--space-2-5);border-radius:var(--radius-xs)}
.fp-color{border:1px solid rgba(0,0,0,.1);border-radius:var(--radius-full)}
.fp-shape-svg{display:inline-block;vertical-align:-4px;margin-right:var(--space-2-5);flex:0 0 22px}
.fp-spacing{background:var(--surface-2);overflow:hidden;flex-direction:column;justify-content:flex-end}
.fp-spacing span{display:block;width:100%;background:var(--ink);opacity:.25}
.fp-type{font-size:var(--font-size-caption);font-weight:600;color:var(--muted);background:var(--surface-2)}
.fp-effect{background:var(--surface-raised);box-shadow:1px 1px 3px rgba(0,0,0,.12);border:1px solid var(--line)}
.health-panel{margin-top:var(--space-7)}
.health-panel .empty.compact{text-align:left;padding:var(--space-5) var(--space-5-5)}
.health-panel .empty.compact strong{font-size:var(--font-size-ui);font-weight:520;margin-bottom:var(--space-1)}
.token-health-panel{margin-top:var(--space-7)}
.th-overview{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-px);border-bottom:1px solid var(--line);background:var(--line)}
.th-stat{padding:var(--space-6) var(--space-5-5);background:var(--surface)}
.th-stat-head{display:flex;align-items:baseline;gap:var(--space-2);margin-bottom:var(--space-2-5)}
.th-stat-head b{font-size:var(--font-size-heading-4xl);font-weight:460;letter-spacing:-.03em}
.th-stat-head span{font-size:var(--font-size-xs);color:var(--muted)}
.th-bar{height:4px;background:var(--surface-2);border-radius:var(--radius-2xs);overflow:hidden;margin-bottom:var(--space-2-5)}
.th-bar i{display:block;height:100%;background:var(--status-success);border-radius:var(--radius-2xs)}
.th-bar-warn i{background:var(--status-info)}
.th-detail{font-size:var(--font-size-xs);color:var(--muted);line-height:var(--line-relaxed);margin:0}
.th-lists{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0}
.th-group{border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.th-group:last-child{border-right:0}
.th-group-head{display:flex;justify-content:space-between;align-items:start;padding:var(--space-4) var(--space-4-5) var(--space-2-5);gap:var(--space-3)}
.th-group-head b{display:block;font-size:var(--font-size-xs);font-weight:580}
.th-group-head>div>span{display:block;font-size:var(--font-size-2xs);color:var(--muted);margin-top:var(--space-0-5);line-height:var(--line-copy)}
.th-group-count{font-size:var(--font-size-lead);font-weight:480;color:var(--muted);flex:0 0 auto}
.th-group-list{padding:0 var(--space-4-5) var(--space-3-5)}
.th-group-item{padding:var(--space-1-25) 0;border-top:1px solid var(--line);font-size:var(--font-size-caption)}
.th-group-item code{font-family:var(--font-code);font-size:var(--font-size-2xs)}
.th-group-overflow{padding:var(--space-1-25) 0 0;font-size:var(--font-size-2xs);color:var(--faint)}
.th-bypass-count{color:var(--muted);font-family:var(--font-display);margin-left:var(--space-1-5)}
.rules-settings{max-height:520px;overflow:auto}.settings-copy{font-size:var(--font-size-2xs);color:var(--muted)}
.rules-settings .settings-copy{margin:0;padding:var(--space-3) var(--space-4) var(--space-3-5)}
.rule-toggle{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2-5) var(--space-4);border-top:1px solid var(--line)}
.rule-toggle span{display:flex;flex-direction:column;font-size:var(--font-size-2xs)}
.rule-toggle b{font-size:var(--font-size-xs);font-weight:560}
.rule-toggle input{accent-color:var(--ink)}
.export-diff{display:grid;gap:var(--space-2-5);padding:var(--space-2-5) var(--space-3);margin-bottom:var(--space-3);border:1px solid var(--line);background:var(--surface-2);font-size:var(--font-size-2xs)}.export-diff>div:first-child{display:flex;justify-content:space-between;gap:var(--space-3)}.export-diff span{color:var(--muted)}
.export-diff-details{display:grid;gap:var(--space-2);border-top:1px solid var(--line);padding-top:var(--space-2-25)}.export-diff-details section{display:grid;grid-template-columns:90px 1fr;gap:var(--space-1) var(--space-2-25)}.export-diff-details section>b{grid-row:1/span 20}.export-diff-details section span{display:grid;grid-template-columns:52px 1fr;gap:var(--space-1-75);min-width:0}.export-diff-details i{font-style:normal;text-transform:uppercase;letter-spacing:.06em}.export-diff-details code{overflow-wrap:anywhere;color:var(--ink)}
.agent-brief-banner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);margin-bottom:var(--space-6);padding:var(--space-4) var(--space-5);border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface-2)}
.agent-brief-banner>div{display:flex;flex-direction:column;gap:var(--space-0-75)}
.agent-brief-banner span{font-size:var(--font-size-caption);color:var(--muted)}
.health-grid{display:grid;grid-template-columns:repeat(3,1fr)}
.health-chart{padding:var(--space-4);border-right:1px solid var(--line)}
.health-chart:last-child{border-right:0}
.health-chart>div{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-2-5)}
.health-chart span{font-size:var(--font-size-2xs);color:var(--muted)}
.health-chart svg{display:block;width:100%;height:64px;margin-top:var(--space-2);overflow:visible}
.health-chart polyline{fill:none;stroke:var(--ink);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.health-chart circle{fill:var(--surface);stroke:var(--ink);stroke-width:1.5;r:2.5;vector-effect:non-scaling-stroke}
.source-heat{display:grid;grid-template-columns:minmax(60px,1fr) 22px;gap:var(--space-2);align-items:center;min-width:110px}
.source-heat:before{content:"";grid-column:1;grid-row:1;height:5px;background:var(--surface-2)}
.source-heat i{grid-column:1;grid-row:1;height:5px;background:var(--status-info);z-index:1}
.source-heat b{grid-column:2;text-align:right}
.component-group{border-bottom:1px solid var(--line);padding:var(--space-3-75) var(--space-4-25)}
.component-group:last-child{border-bottom:0}
.component-group-head{display:flex;justify-content:space-between;gap:var(--space-4);align-items:start}
.component-group-head>div{display:flex;flex-direction:column;gap:var(--space-0-75)}
.component-group-head span{font-size:var(--font-size-2xs);color:var(--muted)}
.component-group-findings{display:flex;flex-wrap:wrap;gap:var(--space-1-5);margin-top:var(--space-2-5)}
.component-group-findings button{display:flex;gap:var(--space-1-75);align-items:center;border:1px solid var(--line);background:var(--paper);border-radius:var(--radius-xs);padding:var(--space-1-5) var(--space-2);text-align:left}
.component-group-findings button:hover{border-color:var(--ink)}
.scan-diff-modal{width:min(900px,100%)}
.scan-diff-summary{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);margin-bottom:var(--space-4-5)}
.scan-diff-summary span{display:flex;flex-direction:column;padding:var(--space-3-25);border-right:1px solid var(--line);font-size:var(--font-size-2xs);color:var(--muted)}
.scan-diff-summary span:last-child{border-right:0}
.scan-diff-summary b{font-size:var(--font-size-heading-sm);color:var(--ink)}
.scan-diff-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line)}
.scan-diff-grid>section{min-height:140px;padding:var(--space-3-5);border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.scan-diff-grid>section:nth-child(2n){border-right:0}
.scan-diff-grid .scan-diff-files{grid-column:1/-1;border:0;min-height:90px}
.scan-diff-group-head{display:flex;justify-content:space-between;margin-bottom:var(--space-2-25);font-size:var(--font-size-2xs);text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.diff-value-row,.diff-finding-row,.diff-file-row{display:flex;align-items:center;gap:var(--space-1-75);min-height:28px;border-top:1px solid var(--line)}
.diff-value-row:first-of-type,.diff-finding-row:first-of-type,.diff-file-row:first-of-type{border-top:0}
.diff-value-row b,.diff-finding-row b,.diff-file-row b{font-size:var(--font-size-2xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.diff-value-preview{display:inline-grid;place-items:center;width:22px;height:22px;border:1px solid var(--line-strong);flex:0 0 auto;background:var(--surface)}
.diff-value-preview.color{border-radius:var(--radius-full)}
.diff-value-preview.type{font-style:normal;line-height:var(--line-solid);overflow:hidden}
.diff-value-preview.spacing{display:flex;align-items:center;padding:var(--space-0-5)}
.diff-value-preview.spacing span{display:block;height:4px;max-width:100%;background:var(--ink)}
.diff-value-preview.shape{background:var(--surface-2)}
.diff-value-preview.effect{margin:var(--space-0-75)}
@media(max-width:1100px){
.hero-copy{border-right:0}
.hero-instrument{min-height:auto;padding-block:64px}
.settings-grid{grid-template-columns:1fr}
}
@media(max-width:760px){:root{--sidebar:0px}
.shell{display:block}
.sidebar{display:none}
.sidebar.mobile-open{display:flex;width:min(310px,88vw);z-index:81;box-shadow:var(--shadow-lg)}
.mobile-menu-button{display:inline-flex;flex:0 0 auto}
.mobile-nav-backdrop{display:block;position:fixed;inset:0;z-index:80;border:0;background:var(--overlay-backdrop);width:100%;height:100%}
.workspace{display:block}
.topbar{padding:0 var(--space-3);justify-content:flex-start;gap:var(--space-2);min-width:0}
.breadcrumb{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.top-actions{margin-left:auto;min-width:0;flex:0 0 auto}
.top-actions [data-action="start-reconcile"],.top-actions [data-action="scan-files"],.top-actions [data-action="update-agent-rules"]{display:none}
.content{min-width:0;max-width:100%}
.content>*{min-width:0;max-width:100%}
.top-actions .button span{display:none}
.top-actions .next-action,.top-more summary{width:44px;min-width:44px;height:44px;padding:0}
.top-more summary{display:grid;place-items:center}
.button.small{min-height:44px}
.button.icon-only{width:44px;min-width:44px;height:44px}
.nav-item{height:44px}
.panel-action:is(button,a){min-height:44px;display:inline-flex;align-items:center}
.number-field{height:44px}
.search,.select,.guided-confirm input{height:44px}
input:not([type=range]),select,textarea{font-size:var(--font-size-body)}
.metrics,.preflight-metrics{grid-template-columns:repeat(2,1fr)}
.metric:nth-child(n){border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.metric:nth-child(2n){border-right:0}
.metric:nth-last-child(-n+2){border-bottom:0}
.metrics .metric:last-child:nth-child(odd),.preflight-metrics .metric:last-child:nth-child(odd){grid-column:1/-1;border-right:0;border-bottom:0}
.metrics .metric:nth-last-child(2):nth-child(even),.preflight-metrics .metric:nth-last-child(2):nth-child(even){border-bottom:1px solid var(--line)}
.page-head{align-items:flex-start;flex-direction:column}
.page-meta{text-align:left}
.hero-copy{padding:65px var(--space-6)}
.hero{min-height:auto}
.hero h1{font-size:var(--font-size-display)}
.hero-instrument{padding:44px var(--space-4-5);min-height:auto}
.landing-nav{padding:0 var(--space-4-5)}
.landing-nav .privacy-pill{display:none}
.landing-footer{padding:0 var(--space-4-5)}
.overview-grid,.preflight-grid{display:block}
.preflight-grid>div{margin-bottom:var(--space-4-5)}
.overview-grid>.panel{margin-bottom:var(--space-4-5)}
.overview-summary-grid{grid-template-columns:1fr}
.table-panel,.table-wrap{min-width:0;max-width:100%}
.table-wrap,.field-chart-wrap{-webkit-overflow-scrolling:touch;background:linear-gradient(to right,var(--surface) 30%,transparent),linear-gradient(to left,var(--surface) 30%,transparent),linear-gradient(to right,color-mix(in srgb,var(--ink) 10%,transparent),transparent 40px),linear-gradient(to left,color-mix(in srgb,var(--ink) 10%,transparent),transparent 40px);background-position:left,right,left,right;background-size:40px 100%,40px 100%,40px 100%,40px 100%;background-repeat:no-repeat;background-attachment:local,local,scroll,scroll}
.table-tools{flex-wrap:wrap;min-width:0}
.table-tools .search{flex:1 1 100%;width:100%;min-width:0}
.table-tools .select{flex:1 1 145px;min-width:0;max-width:100%}
.drawer{width:100%}
.export-options{grid-template-columns:1fr}
.resolution-grid{grid-template-columns:1fr}
.toast{left:var(--space-3);right:var(--space-3);bottom:calc(152px + env(safe-area-inset-bottom))}
.toast button{min-height:36px}
.workflow-dock{right:max(var(--space-3),env(safe-area-inset-right));bottom:max(var(--space-3),env(safe-area-inset-bottom));left:max(var(--space-3),env(safe-area-inset-left));width:auto}
.workflow-dock-state{grid-template-columns:8px minmax(0,1fr) auto}
.workflow-dock-actions{flex-wrap:wrap}
.workflow-dock-actions .button{min-width:0;flex:1 1 0;padding-inline:var(--space-3)}
.workflow-summary{grid-template-columns:1fr 1fr}
.workflow-summary span{border-bottom:1px solid var(--line)}
.workflow-summary span:nth-child(2n){border-right:0}
.workflow-summary span:nth-last-child(-n+2){border-bottom:0}
.workflow-receipt{grid-template-columns:1fr;gap:var(--space-2)}
.workflow-plan-head{align-items:flex-start;flex-direction:column;gap:var(--space-1)}
.workflow-modal-actions{align-items:stretch;flex-direction:column}
.workflow-modal-actions .spacer{display:none}
.settings-grid{display:block}
.settings-section{margin-bottom:var(--space-4-5)}
.bounded-footer{align-items:flex-start;flex-direction:column}
.batch-bar{align-items:flex-start;flex-wrap:wrap}
.batch-bar .spacer{display:none}
.guided-actions{grid-template-columns:1fr 1fr}
.guided-actions .resolution-button{padding:var(--space-3) var(--space-7) var(--space-3) var(--space-3)}
.agent-brief-banner{align-items:flex-start;flex-direction:column}
.th-overview{grid-template-columns:1fr}
.th-lists{grid-template-columns:1fr 1fr}
.th-group{border-right:1px solid var(--line)}
.th-group:nth-child(2n){border-right:0}
.guided-confirm,.reconcile-evidence{display:grid;grid-template-columns:1fr}
.reconcile-shell{padding:0}
.reconcile-card{padding:var(--space-5)}
.reconcile-progress{grid-template-columns:1fr auto}
.reconcile-progress>span{grid-column:1/-1}
.health-grid{grid-template-columns:1fr}
.health-chart{border-right:0;border-bottom:1px solid var(--line)}
.health-chart:last-child{border-bottom:0}
.scan-diff-grid{grid-template-columns:1fr}
.scan-diff-grid>section,.scan-diff-grid>section:nth-child(2n){border-right:0}
.scan-diff-grid .scan-diff-files{grid-column:auto}
.scan-diff-summary{grid-template-columns:1fr}
.scan-diff-summary span{border-right:0;border-bottom:1px solid var(--line)}
.scan-diff-summary span:last-child{border-bottom:0}
.spacing-system-group{grid-template-columns:1fr}
.scan-screen{padding:var(--space-4)}
.scan-panel{padding:var(--space-6)}
.scan-heading{gap:var(--space-3)}
.scan-heading h2{min-width:0;overflow-wrap:anywhere}
.scan-path{overflow-wrap:anywhere;margin-bottom:var(--space-6)}
.scan-stage{grid-template-columns:28px minmax(0,1fr) auto}
.scan-stage>*{min-width:0}
.scan-stage>span:nth-child(2){overflow-wrap:anywhere}
.scan-foot{flex-wrap:wrap;gap:var(--space-3)}
.preflight-panel{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:var(--space-4)}
.skip-register{max-height:200px}
.scan-summary{grid-template-columns:1fr 1fr}
.scan-summary span{border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.scan-summary span:nth-child(2n){border-right:0}
.scan-summary span:nth-last-child(-n+2){border-bottom:0}
.drawer-scroll{padding:var(--space-5)}
.modal-backdrop{padding:var(--space-2)}
.modal{max-height:calc(100dvh - 16px)}
.modal-head{padding:var(--space-3-75) var(--space-4)}
.modal-body{padding:var(--space-4)}
.export-bundle-hero{padding:var(--space-4)}
}
@media(max-width:480px){
.metric-label{white-space:normal}
.instrument-title{max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.system-path-row{grid-template-columns:28px minmax(0,1fr)}
.system-path-row code{grid-column:2;justify-self:start;margin-top:var(--space-2)}
.export-options{grid-template-columns:1fr}
.export-category-head{align-items:flex-start;flex-direction:column;gap:var(--space-0-5)}
.export-bundle-hero{grid-template-columns:1fr}
.export-bundle-arrow{display:none}
.guided-actions,.th-lists{grid-template-columns:1fr}
.th-group,.th-group:nth-child(2n){border-right:0}
.drawer-footer{padding:var(--space-3) var(--space-4) max(var(--space-3),env(safe-area-inset-bottom));gap:var(--space-2-5);flex-direction:column}
.drawer-footer .button{width:100%}
.drawer-rule{align-items:flex-start;flex-wrap:wrap}.rule-reference-link{width:100%;margin:var(--space-1) 0 0}
.setting{align-items:flex-start;flex-direction:column;gap:var(--space-3)}
.setting-control{width:100%;justify-content:flex-start}
.setting .theme-switch{margin-right:auto}
.scan-stage{grid-template-columns:28px minmax(0,1fr)}
.scan-stage>span:last-child{grid-column:2;color:var(--faint);font-size:var(--font-size-micro)}
.preflight-actions{align-items:stretch;flex-direction:column}
.preflight-actions .button{width:100%}
}
@media(max-width:760px){.diff-strip{grid-template-columns:1fr 1fr}
.diff-strip>div{border-bottom:1px solid var(--line)}
.diff-strip>div:first-child{grid-column:1/-1}
.drift-grid{grid-template-columns:1fr}
.drift-group,.drift-group:nth-child(2n){border-right:0}
.drift-files{grid-column:auto}
.code-line{grid-template-columns:42px 70px minmax(0,1fr)}
.regression-banner{align-items:flex-start;flex-direction:column}
.component-row{grid-template-columns:minmax(0,1fr) auto}
.component-role{grid-column:1/-1;text-align:left}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}

/* UI refinement details that do not belong to a shared base selector. */
.panel .panel{background:var(--surface-raised);box-shadow:none}
.metric.signal,.metric.resolved{background:transparent}
table.ledger tbody tr:focus-visible,table.ledger tbody tr.selected{background:var(--selected);outline:none}
.landing h1{font-size:clamp(36px,3.8vw,56px);font-weight:410;letter-spacing:-.05em;line-height:1.02}
.window-dot:first-child{background:var(--line-strong)}
.reconcile-progress>div>i{background:var(--status-success);border-radius:var(--radius-2xs)}
.resolution-button.selected{border-color:var(--ink);background:var(--selected);box-shadow:none}
.resolution-button kbd{position:absolute;top:var(--space-2);right:var(--space-2-5);width:20px;height:20px;display:grid;place-items:center;border:1px solid var(--line);border-radius:var(--radius-xs);font-size:var(--font-size-2xs);font-family:inherit;color:var(--faint);background:var(--surface-2);padding:0;box-shadow:none}
.resolution-button:hover kbd,.resolution-button.selected kbd{border-color:var(--ink);color:var(--ink)}
.reopen-section p{color:var(--muted);font-size:var(--font-size-small);line-height:var(--line-reading)}
.health-chart circle:hover{r:4;fill:var(--ink)}
.coverage-token,.coverage-raw{border-radius:var(--radius-xs)}
[data-theme=dark] .panel{box-shadow:none;border-color:var(--line)}
[data-theme=dark] .hero-instrument{background:linear-gradient(180deg,#3b3e3c 0%,#292c2a 54%,#1a1c1b 100%)}
[data-theme=dark] .drawer{box-shadow:-8px 0 40px rgba(0,0,0,.4)}
[data-theme=dark] .vc-swatch-large{border-color:var(--border-inverse-soft)}
[data-theme=dark] .vc-type-compare,[data-theme=dark] .vc-spacing-compare,[data-theme=dark] .vc-shape-overlay,[data-theme=dark] .vc-shadow-compare{background:var(--surface)}
@media (prefers-reduced-motion:no-preference){
  .reconcile-progress>div>i{transition:width .4s ease}
  .coverage-token,.coverage-raw{transition:width .6s ease}
  .mini-bar i{transition:width .4s ease}
  .health-chart circle{transition:r .15s ease}
  .scan-stage.active .stage-index{animation:pulse 1.6s ease-in-out infinite}
  .toast{animation:toast-in .3s ease-out}
  .modal{animation:modal-in .2s ease-out}
  .landing-cta:before{animation:cta-ambient-a 14s ease-in-out infinite}
  .landing-cta:after{animation:cta-ambient-b 18s ease-in-out infinite}
}
@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(26,26,26,.1)}50%{box-shadow:0 0 0 6px transparent}}
@keyframes modal-in{from{opacity:0;transform:scale(.97) translateY(8px)}}
@keyframes toast-in{from{opacity:0;transform:translateY(12px)}}
@keyframes cta-ambient-a{0%,100%{transform:translate3d(-3%,0,0) scale(.96)}50%{transform:translate3d(10%,8%,0) scale(1.08)}}
@keyframes cta-ambient-b{0%,100%{transform:translate3d(5%,4%,0) scale(1.04)}50%{transform:translate3d(-12%,-7%,0) scale(.94)}}
@media(max-width:760px){
  .sidebar{width:min(310px,88vw);transform:translateX(-100%);display:flex;box-shadow:none}
  .sidebar.mobile-open{transform:translateX(0);box-shadow:var(--shadow-lg)}
  .content{padding:var(--space-6) var(--space-4) calc(144px + env(safe-area-inset-bottom))}
  .vc-color-pair{grid-template-columns:1fr;gap:var(--space-4)}
  .vc-bridge{padding-block:var(--space-1)}
  .vc-bridge-gradient{width:48px}
  .vc-type-compare,.vc-spacing-compare,.vc-shadow-compare{grid-template-columns:1fr}
  .vc-corner-legend{align-items:flex-start;flex-direction:column;gap:var(--space-2)}
  .vc-summary{grid-template-columns:1fr}
  .value-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}
  .value-swatch{height:72px}
  .verdict{grid-template-columns:1fr;padding:var(--space-5)}.verdict-actions{flex-wrap:wrap}.verdict-details{grid-column:auto}.top-more summary{font-size:0}.top-more summary:after{content:'•••';font-size:var(--font-size-small);letter-spacing:.08em}
  .session-stats{grid-template-columns:1fr 1fr}.session-stats span:nth-child(2){border-right:0}.session-stats span:nth-child(-n+2){border-bottom:1px solid var(--line)}.session-actions{align-items:stretch;flex-direction:column}
}
@media(max-width:480px){
  .vc-type-stage{grid-template-columns:1fr;gap:var(--space-2);min-height:auto}
  .vc-type-relation{display:none}
}

/* Field and tolerance are decision instruments, not alternate analysis engines. */
.field-strip{width:100%;min-height:88px;margin:0 0 var(--space-5);padding:var(--space-3) var(--space-4);display:grid;grid-template-columns:150px minmax(0,1fr) auto;align-items:center;gap:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-raised);color:var(--ink);text-align:left;cursor:pointer}
.field-strip:hover{border-color:var(--line-strong);background:var(--surface-2)}
.field-strip:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.field-strip-label{display:grid;gap:var(--space-1)}
.field-strip-label b{font-size:var(--font-size-small);font-weight:600}
.field-strip-label small,.field-strip-action{color:var(--muted);font-size:var(--font-size-caption)}
.field-strip-svg{width:100%;height:62px;overflow:visible;color:var(--ink)}
.field-strip-svg circle{fill:currentColor}
.field-strip-action{white-space:nowrap}
.tolerance-instrument{margin-bottom:var(--space-5);padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-raised)}
.tolerance-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-5);margin-bottom:var(--space-4)}
.tolerance-head p{max-width:660px;margin:var(--space-1) 0 0;color:var(--muted);font-size:var(--font-size-small);line-height:var(--line-reading)}
.instrument-label{display:block;color:var(--faint);font-size:var(--font-size-caption);font-weight:650;letter-spacing:.08em;text-transform:uppercase}
.tolerance-controls{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5)}
.tolerance-control{display:grid;gap:var(--space-2);min-width:0;color:var(--ink);font-size:var(--font-size-small);font-weight:560}
.tolerance-control>div{display:grid;grid-template-columns:minmax(0,1fr) 78px;align-items:center;gap:var(--space-3)}
.tolerance-control input[type=range]{width:100%;height:24px;margin:0;accent-color:var(--ink);cursor:pointer}
.tolerance-control output{font-size:var(--font-size-caption);text-align:right}
.tolerance-control small{min-height:1.35em;color:var(--muted);font-size:var(--font-size-caption);font-weight:400}
.tolerance-ticks{display:flex;justify-content:space-between;padding-right:82px;color:var(--faint);font-size:var(--font-size-caption);font-style:normal;font-weight:400}
.tolerance-readout{display:flex;align-items:center;gap:var(--space-2-5);flex-wrap:wrap;margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--line);color:var(--muted);font-size:var(--font-size-caption)}
.tolerance-readout b{color:var(--ink);font-weight:600}
.tolerance-readout small{margin-left:auto;color:var(--faint);font-size:inherit}
.field-tolerance{margin-bottom:var(--space-5);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-raised);overflow:hidden}
.field-tolerance>summary{min-height:68px;padding:var(--space-3) var(--space-4);display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);cursor:pointer;list-style:none}
.field-tolerance>summary::-webkit-details-marker{display:none}
.field-tolerance>summary:hover{background:var(--hover)}
.field-tolerance>summary:focus-visible{outline:2px solid var(--ink);outline-offset:-3px}
.field-tolerance>summary>span:first-child{display:grid;gap:var(--space-1)}
.field-tolerance>summary b{font-size:var(--font-size-small);font-weight:560}
.field-tolerance-meta{display:flex;align-items:center;gap:var(--space-2);color:var(--muted);font-size:var(--font-size-caption)}
.field-tolerance-meta code{padding:var(--space-1) var(--space-2);border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--surface);font-size:inherit}
.field-tolerance-meta i{min-width:54px;color:var(--ink);font-style:normal;text-align:right}
.field-tolerance[open] .field-tolerance-meta i{font-size:0}
.field-tolerance[open] .field-tolerance-meta i:after{content:'Done';font-size:var(--font-size-caption)}
.field-tolerance-body{padding:0 var(--space-3) var(--space-3)}
.field-tolerance-body .tolerance-instrument{margin:0;border-color:var(--line);background:var(--surface)}
.field-purpose{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:var(--space-6);margin-bottom:var(--space-5);padding:clamp(var(--space-5),4vw,var(--space-8));border:1px solid var(--line-strong);border-radius:var(--radius-lg);background:var(--surface-raised)}
.field-purpose-copy{align-self:center}
.field-purpose-copy h3{max-width:720px;margin:var(--space-2) 0 var(--space-3);font-size:clamp(var(--font-size-heading-lg),2.4vw,30px);font-weight:480;letter-spacing:-.035em;line-height:var(--line-heading)}
.field-purpose-copy p{max-width:720px;margin:0 0 var(--space-5);color:var(--muted);font-size:var(--font-size-small);line-height:var(--line-reading)}
.field-purpose-stats{display:grid;grid-template-columns:repeat(3,1fr);align-self:stretch;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);overflow:hidden}
.field-purpose-stats div{display:flex;min-width:0;flex-direction:column;justify-content:center;gap:var(--space-1);padding:var(--space-4);border-left:1px solid var(--line)}
.field-purpose-stats div:first-child{border-left:0}
.field-purpose-stats b{font-size:clamp(24px,3vw,38px);font-weight:470;letter-spacing:-.04em}
.field-purpose-stats span{color:var(--muted);font-size:var(--font-size-caption);line-height:var(--line-copy)}
.field-purpose-stats .attention b{color:var(--status-danger)}
.field-reading-guide{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);padding-top:var(--space-5);border-top:1px solid var(--line)}
.field-reading-guide span{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:var(--space-2);color:var(--muted);font-size:var(--font-size-caption);line-height:var(--line-reading)}
.field-reading-guide b{color:var(--ink)}
.field-reading-guide i{width:12px;height:12px;border-radius:var(--radius-full)}
.guide-anchor{border:2px solid var(--ink);background:var(--surface)}
.guide-value{border:1px solid var(--ink);background:var(--ink)}
.guide-review{border:2px solid var(--status-danger);background:var(--surface)}
.field-workspace{overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-raised)}
.field-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--line)}
.field-toolbar>div{display:grid;gap:var(--space-1)}
.field-subtitle{color:var(--muted);font-size:var(--font-size-caption)}
.field-category-filters{display:flex;gap:var(--space-2);flex-wrap:wrap;padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--line)}
.field-category-filters .chip{padding:var(--space-1-5) var(--space-3);border:1px solid var(--line);border-radius:var(--radius-pill);background:transparent;color:var(--muted);font:inherit;font-size:var(--font-size-caption);cursor:pointer}
.field-category-filters .chip small{margin-left:var(--space-1-5);color:inherit;font-size:var(--font-size-2xs);opacity:.72}
.field-category-filters .chip.active{border-color:var(--ink);background:var(--ink);color:var(--paper)}
.field-category-filters .chip:disabled{cursor:not-allowed;opacity:.42}
.field-hover-flag{display:block;min-height:40px;padding:var(--space-2-5) var(--space-5);border-bottom:1px solid var(--line);background:var(--surface-2);color:var(--ink);font-size:var(--font-size-caption);line-height:var(--line-reading)}
.field-sections{display:grid;gap:var(--space-4);padding:var(--space-5);background:var(--surface-2)}
.field-section-card{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface)}
.field-section-head{display:flex;align-items:start;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--line)}
.field-section-head h3{margin:var(--space-1) 0;font-size:var(--font-size-heading-sm);font-weight:520;letter-spacing:-.015em}
.field-section-head p{max-width:680px;margin:0;color:var(--muted);font-size:var(--font-size-caption);line-height:var(--line-reading)}
.field-review-count{flex:none;padding:var(--space-1-5) var(--space-2-5);border:1px solid var(--line);border-radius:var(--radius-pill);color:var(--muted);font-size:var(--font-size-caption);white-space:nowrap}
.field-review-count.attention{border-color:color-mix(in srgb,var(--status-danger) 38%,var(--line));background:color-mix(in srgb,var(--status-danger) 7%,var(--surface));color:var(--status-danger)}
.field-card-signal{min-height:70px;padding:var(--space-3) var(--space-5);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--selected) 48%,var(--surface))}
.field-card-signal>div{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:var(--space-3);row-gap:var(--space-0-5);min-width:0}
.field-card-signal span{grid-row:1;grid-column:1/-1;color:var(--faint);font-size:var(--font-size-2xs);font-weight:650;letter-spacing:.08em;text-transform:uppercase}
.field-card-signal b{display:flex;align-items:center;gap:var(--space-2);min-width:0;font-size:var(--font-size-small);font-weight:600}
.field-card-signal b i{color:var(--muted);font-style:normal;font-weight:400}
.field-card-signal code{overflow:hidden;text-overflow:ellipsis;font-size:inherit;white-space:nowrap}
.field-card-signal small{color:var(--muted);font-size:var(--font-size-caption);line-height:var(--line-reading)}
.field-card-signal .panel-action{flex:none;color:var(--ink);font-weight:560}
.field-chart-wrap{overflow:auto;padding:var(--space-3);background:var(--surface)}
.field-color-chart{max-width:1080px;margin:0 auto;padding:var(--space-4)}
.field-scale-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}
.field-scale-chart{padding:var(--space-3) var(--space-2) var(--space-1)}
.field-section-empty{padding:var(--space-8);color:var(--muted);font-size:var(--font-size-caption);text-align:center}
.field-svg{display:block;width:100%;min-width:720px;height:auto;color:var(--ink);font:11px var(--font-code)}
.field-section-svg{min-width:0}
.field-color-svg{max-width:960px;margin:auto}
.field-svg .field-color-plane{fill:color-mix(in srgb,var(--surface-2) 62%,transparent);stroke:var(--line)}
.field-svg text{fill:var(--muted);font-size:11px}
.field-svg .field-axis-label{fill:var(--faint);font-size:10px;text-transform:uppercase;letter-spacing:.08em}
.field-svg .field-axis-label.end{text-anchor:end}
.field-svg .field-axis{stroke:var(--line-strong);stroke-width:1}
.field-svg .field-anchor{r:5px;fill:var(--surface);stroke-width:2}
.field-svg .field-drift{stroke:var(--status-danger);stroke-opacity:.48;stroke-width:1}
.field-svg .field-mark>circle:not(.field-pulse){r:4px}
.field-svg .field-mark circle{stroke:color-mix(in srgb,var(--ink) 35%,transparent);stroke-width:.75}
.field-svg .field-mark.unresolved circle{stroke:var(--status-danger);stroke-width:2}
.field-svg .field-mark.accepted circle{opacity:.65}
.field-svg .field-mark.accepted line{stroke:var(--ink);stroke-width:1}
.field-svg .field-scale-anchor circle{fill:var(--surface);stroke:var(--ink);stroke-width:1.5}
.field-svg .field-scale-anchor.inferred circle{stroke-dasharray:2 2}
.field-svg .field-scale-anchor text{text-anchor:middle;fill:var(--muted)}
.field-svg .field-scale-mark{stroke:var(--ink);stroke-width:4}
.field-svg .field-scale-mark.unresolved{stroke:var(--status-danger)}
.field-scale-svg .field-scale-lane>text:first-child{display:none}
.field-svg .field-overflow rect{fill:var(--surface);stroke:var(--muted);stroke-dasharray:3 2}
.field-svg .field-overflow text{fill:var(--muted);text-anchor:middle;font-size:10px}
.field-svg [data-field-mark]{cursor:pointer;outline:none}
.field-svg [data-field-mark]:focus-visible{filter:drop-shadow(0 0 3px var(--ink));stroke-width:5}
.field-scale-direction{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:0 var(--space-5) var(--space-3);color:var(--faint);font-size:var(--font-size-2xs);text-transform:uppercase;letter-spacing:.08em}
.field-scale-direction i{height:1px;flex:1;background:linear-gradient(90deg,transparent,var(--line-strong),transparent)}
.field-legend{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap;padding:var(--space-4) var(--space-5) 0;color:var(--muted);font-size:var(--font-size-caption)}
.field-legend span{display:flex;align-items:center;gap:var(--space-1-5)}
.field-legend i{width:10px;height:10px;display:inline-block;border:1px solid var(--ink);border-radius:var(--radius-full)}
.field-legend .legend-observed{background:var(--ink)}
.field-legend .legend-drift{border-color:var(--status-danger);box-shadow:0 0 0 2px color-mix(in srgb,var(--status-danger) 20%,transparent)}
.field-legend .legend-exception{opacity:.5;text-decoration:line-through}
.field-caption{margin:0;padding:var(--space-3) var(--space-5) var(--space-5);color:var(--muted);font-size:var(--font-size-caption);line-height:var(--line-reading)}
.field-diff-summary{margin-bottom:var(--space-5);padding:var(--space-3) var(--space-4);display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-raised);font-size:var(--font-size-caption)}
.field-diff-summary b{font-weight:560}
.field-diff .persisted{opacity:.35}
.field-diff .introduced{opacity:1}
.field-svg .field-pulse{fill:none;stroke:var(--status-danger);stroke-width:1.5;pointer-events:none}
.field-svg .field-cleared{fill:var(--surface);stroke:var(--status-success);stroke-width:1.5;opacity:.65;cursor:pointer}
.field-legend .legend-introduced{border-color:var(--status-danger);box-shadow:0 0 0 2px color-mix(in srgb,var(--status-danger) 18%,transparent)}
.field-legend .legend-cleared{border-color:var(--status-success);background:var(--surface)}

/* The interactive Field is a focused decision map: one category, one visual, one queue. */
.field-strip{min-height:112px;grid-template-columns:190px minmax(0,1fr) 104px;padding:var(--space-4) var(--space-5);gap:var(--space-5)}
.field-strip-label b{font-size:var(--font-size-caption);font-weight:600}
.field-strip-label small{max-width:180px;font-size:var(--font-size-2xs);line-height:var(--line-reading)}
.field-strip-svg{height:72px}
.field-strip-svg .field-strip-category{fill:var(--muted);font-family:var(--font-code);font-size:7px;font-weight:560;letter-spacing:.055em;text-transform:uppercase}
.field-strip-svg .field-strip-track{fill:var(--line)}
.field-strip-svg .field-strip-review{fill:var(--status-danger)}
.field-strip-svg .field-strip-count{fill:var(--ink);font-family:var(--font-code);font-size:8px;font-weight:400}
.field-strip-action{color:var(--ink);font-size:var(--font-size-2xs);font-weight:560;text-align:right}
.field-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:clamp(var(--space-6),6vw,var(--space-10));margin-bottom:var(--space-7);padding:var(--space-6) 0;border-top:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong)}
.field-summary-copy h3{max-width:720px;margin:var(--space-2) 0;font-size:clamp(var(--font-size-heading-lg),2.4vw,30px);font-weight:480;letter-spacing:-.035em;line-height:var(--line-heading)}
.field-summary-copy p{max-width:690px;margin:0 0 var(--space-4);color:var(--muted);font-size:var(--font-size-small);line-height:var(--line-reading)}
.field-summary-stats{display:flex;align-items:stretch;margin:0}
.field-summary-stats div{min-width:112px;display:flex;flex-direction:column-reverse;justify-content:flex-end;gap:var(--space-1);padding:var(--space-2) var(--space-4);border-left:1px solid var(--line)}
.field-summary-stats dt{max-width:90px;color:var(--muted);font-size:var(--font-size-caption);line-height:var(--line-copy)}
.field-summary-stats dd{margin:0;font-size:clamp(24px,3vw,38px);font-weight:470;letter-spacing:-.04em}
.field-summary-stats .attention dd{color:var(--status-danger)}
.field-explorer{margin-bottom:var(--space-7)}
.field-explorer .field-toolbar{padding:0 0 var(--space-3);border:0}
.field-category-filters{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;padding:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.field-category-tab{min-width:0;padding:var(--space-3) var(--space-3);display:grid;gap:var(--space-1);border:0;border-right:1px solid var(--line);background:transparent;color:var(--muted);font:inherit;text-align:left;cursor:pointer}
.field-category-tab:last-child{border-right:0}
.field-category-tab span{color:var(--ink);font-size:var(--font-size-small);font-weight:560}
.field-category-tab small{font-size:var(--font-size-caption)}
.field-category-tab:hover:not(:disabled){background:var(--hover)}
.field-category-tab:focus-visible{position:relative;z-index:1;outline:2px solid var(--ink);outline-offset:-2px}
.field-category-tab.active{background:var(--ink);color:color-mix(in srgb,var(--paper) 70%,transparent)}
.field-category-tab.active span{color:var(--paper)}
.field-category-tab:disabled{cursor:not-allowed;opacity:.42}
.field-focus{outline:none}
.field-focus-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-6);padding:var(--space-6) 0 var(--space-5);border-bottom:1px solid var(--line)}
.field-focus-head>div{min-width:0}
.field-focus-head h3{max-width:720px;margin:var(--space-2) 0;font-size:var(--font-size-heading-lg);font-weight:500;letter-spacing:-.025em}
.field-focus-head p{max-width:720px;margin:0;color:var(--muted);font-size:var(--font-size-small);line-height:var(--line-reading)}
.field-focus-head>.button{flex:none}
.field-focus-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,34%);min-height:360px;border-bottom:1px solid var(--line)}
.field-visual{min-width:0;padding:var(--space-5) var(--space-6) var(--space-5) 0}
.field-scale-visual{min-height:280px;display:flex;flex-direction:column;justify-content:center}
.field-scale-visual .field-section-svg{width:100%;min-width:0}
.field-color-families{display:grid}
.field-color-family{display:grid;grid-template-columns:minmax(170px,220px) minmax(0,1fr);gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--line)}
.field-color-family:last-child{border-bottom:0}
.field-family-anchor{min-width:0;display:grid;grid-template-columns:22px minmax(0,1fr);align-items:center;column-gap:var(--space-2)}
.field-family-anchor>i,.field-color-node>i{width:18px;height:18px;border:1px solid var(--line-strong);border-radius:var(--radius-full);background:var(--field-swatch)}
.field-family-anchor span{min-width:0;display:grid;gap:var(--space-0-5)}
.field-family-anchor b,.field-family-anchor code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.field-family-anchor b{font-size:var(--font-size-caption);font-weight:600}
.field-family-anchor code{font-size:var(--font-size-2xs)}
.field-family-anchor small{grid-column:2;color:var(--faint);font-size:var(--font-size-2xs);text-transform:uppercase;letter-spacing:.06em}
.field-family-values{min-width:0;display:grid;gap:var(--space-1)}
.field-family-empty{align-self:center;color:var(--faint);font-size:var(--font-size-caption)}
.field-color-node{width:100%;min-width:0;padding:var(--space-2);display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:var(--space-2);border:0;border-left:2px solid transparent;background:transparent;color:var(--ink);font:inherit;text-align:left;cursor:pointer}
.field-color-node:hover,.field-color-node:focus-visible{background:var(--hover)}
.field-color-node:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}
.field-color-node.unresolved{border-left-color:var(--status-danger)}
.field-color-node.accepted{opacity:.64}
.field-color-node span{min-width:0;display:flex;align-items:baseline;gap:var(--space-2);flex-wrap:wrap}
.field-color-node code{font-size:var(--font-size-caption)}
.field-color-node small{color:var(--muted);font-size:var(--font-size-2xs)}
.field-color-node>b{font-weight:400}
.field-scale-relationships{display:grid}
.field-scale-row{display:grid;grid-template-columns:minmax(170px,220px) minmax(0,1fr);gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--line)}
.field-scale-row:last-child{border-bottom:0}
.field-scale-anchor-copy{min-width:0;display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;column-gap:var(--space-2)}
.field-scale-anchor-copy>i{width:12px;height:12px;border:2px solid var(--ink);border-radius:var(--radius-full);background:var(--surface)}
.field-scale-anchor-copy span{min-width:0;display:grid;gap:var(--space-0-5)}
.field-scale-anchor-copy b,.field-scale-anchor-copy code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.field-scale-anchor-copy b{font-size:var(--font-size-caption);font-weight:600}
.field-scale-anchor-copy code{font-size:var(--font-size-2xs)}
.field-scale-anchor-copy small{grid-column:2;color:var(--faint);font-size:var(--font-size-2xs);text-transform:uppercase;letter-spacing:.06em}
.field-scale-anchor-copy.loose{grid-template-columns:1fr}
.field-scale-anchor-copy.loose small{grid-column:1;text-transform:none;letter-spacing:0;line-height:var(--line-reading)}
.field-scale-values{min-width:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:var(--space-1)}
.field-scale-node{min-width:0;padding:var(--space-2);display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:var(--space-2);border:0;border-left:2px solid transparent;background:transparent;color:var(--ink);font:inherit;text-align:left;cursor:pointer}
.field-scale-node:hover,.field-scale-node:focus-visible{background:var(--hover)}
.field-scale-node:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}
.field-scale-node.unresolved{border-left-color:var(--status-danger)}
.field-scale-node.accepted{opacity:.64}
.field-scale-node code{min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:var(--font-size-caption);white-space:nowrap}
.field-scale-node small{grid-column:1;color:var(--muted);font-size:var(--font-size-2xs)}
.field-scale-node>b{grid-column:2;grid-row:1/3;font-weight:400}
.field-priorities{min-width:0;padding:var(--space-5) 0 var(--space-5) var(--space-5);border-left:1px solid var(--line)}
.field-priorities h4{margin:var(--space-2) 0 var(--space-1);font-size:var(--font-size-small);font-weight:600;line-height:var(--line-reading)}
.field-priorities>p{margin:0 0 var(--space-4);color:var(--muted);font-size:var(--font-size-caption);line-height:var(--line-reading)}
.field-priorities ol{margin:var(--space-3) 0;padding:0;list-style:none}
.field-priorities li{border-top:1px solid var(--line)}
.field-priorities li:last-child{border-bottom:1px solid var(--line)}
.field-priorities li button{width:100%;padding:var(--space-3) var(--space-1);display:grid;gap:var(--space-1);border:0;background:transparent;color:var(--ink);font:inherit;text-align:left;cursor:pointer}
.field-priorities li button:hover,.field-priorities li button:focus-visible{background:var(--hover)}
.field-priorities li button:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}
.field-priorities li span{min-width:0;display:grid;grid-template-columns:20px minmax(0,auto) 12px minmax(0,1fr);align-items:center;gap:var(--space-1)}
.field-priorities li b{width:18px;height:18px;display:grid;place-items:center;border-radius:var(--radius-full);background:var(--ink);color:var(--paper);font-size:var(--font-size-2xs);font-weight:600}
.field-priorities li code{min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:var(--font-size-caption);white-space:nowrap}
.field-priorities li i{color:var(--muted);font-style:normal}
.field-priorities li small{padding-left:20px;color:var(--muted);font-size:var(--font-size-2xs)}
.field-effect-list{display:grid}
.field-effect-row{min-width:0;padding:var(--space-3) 0;display:grid;grid-template-columns:28px minmax(0,1fr) auto 18px;align-items:center;gap:var(--space-3);border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);font:inherit;text-align:left;cursor:pointer}
.field-effect-row:hover,.field-effect-row:focus-visible{background:var(--hover)}
.field-effect-row:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}
.field-effect-row code{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.field-effect-row small{color:var(--muted);font-size:var(--font-size-caption);white-space:nowrap}
.field-effect-glyph{width:22px;height:16px;border:1px solid var(--line-strong);box-shadow:3px 3px 0 var(--line-strong)}
.field-effect-row.unresolved .field-effect-glyph{border-color:var(--status-danger);box-shadow:3px 3px 0 color-mix(in srgb,var(--status-danger) 30%,transparent)}
.field-focus .field-hover-flag{min-height:44px;padding:var(--space-3) 0;border-bottom:1px solid var(--line);background:transparent}
.field-explorer>.field-legend{padding:var(--space-4) 0 0}
.field-explorer>.field-caption{padding:var(--space-3) 0 0}
.field-tolerance{margin:0;border:0;border-top:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong);border-radius:0;background:transparent}
.field-tolerance>summary{padding-inline:0}
.field-tolerance-body{padding:0 0 var(--space-4)}
.field-tolerance-body .tolerance-instrument{border:0;border-top:1px solid var(--line);border-radius:0;background:transparent}
@media(max-width:1050px){.field-category-filters{grid-template-columns:repeat(3,1fr)}.field-category-tab:nth-child(3){border-right:0}.field-category-tab:nth-child(-n+3){border-bottom:1px solid var(--line)}.field-focus-layout{grid-template-columns:1fr}.field-visual{padding-right:0}.field-priorities{padding-left:0;border-top:1px solid var(--line);border-left:0}}
/* Six category tabs form three rows here: odd tabs keep the divider, even tabs close each row. */
@media(max-width:760px){.field-strip{grid-template-columns:1fr auto;padding:var(--space-4)}.field-strip-svg{grid-column:1/-1;grid-row:2}.field-strip-svg .field-strip-category,.field-strip-svg .field-strip-count{font-size:9px}.field-summary{grid-template-columns:1fr;align-items:start}.field-summary-stats{width:100%}.field-summary-stats div{min-width:0;flex:1;padding-inline:var(--space-3)}.field-category-filters{grid-template-columns:repeat(2,1fr)}.field-category-tab:nth-child(2n){border-right:0}.field-category-tab:nth-child(3){border-right:1px solid var(--line)}.field-category-tab:nth-child(-n+4){border-bottom:1px solid var(--line)}.field-focus-head{flex-direction:column}.field-color-family,.field-scale-row{grid-template-columns:1fr}.field-family-values,.field-scale-values{padding-left:var(--space-4)}.field-effect-row{grid-template-columns:24px minmax(0,1fr) 18px}.field-effect-row small{grid-column:2}.field-visual{padding-block:var(--space-4)}}
.decision-cluster{margin-bottom:var(--space-5);padding:var(--space-4);display:grid;grid-template-columns:minmax(250px,1.25fr) minmax(220px,1fr) auto;gap:var(--space-4);align-items:center;border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--selected)}
.decision-cluster-copy h3{margin:var(--space-1) 0;font-size:var(--font-size-heading-xs)}
.decision-cluster-copy p{margin:0;color:var(--muted);font-size:var(--font-size-small);line-height:var(--line-reading)}
.decision-cluster-values{display:flex;gap:var(--space-1-5);flex-wrap:wrap}
.decision-cluster-values span{display:flex;align-items:center;gap:var(--space-1-5);padding:var(--space-1) var(--space-2);border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--surface-raised);font-size:var(--font-size-caption)}
.decision-cluster-values i{width:10px;height:10px;border:1px solid var(--line-strong);border-radius:var(--radius-full)}
.decision-cluster-values code{font-size:inherit}
.decision-cluster-values small{align-self:center;color:var(--muted);font-size:var(--font-size-caption)}
.decision-cluster-proposal{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2-5) var(--space-3);border:1px dashed var(--line-strong);border-radius:var(--radius-sm);background:var(--surface-raised)}
.decision-cluster-proposal span{display:grid;gap:var(--space-1);font-size:var(--font-size-caption)}
.decision-cluster-proposal code{font-size:inherit}
.decision-cluster-meta{grid-column:1/-1;display:flex;gap:var(--space-3);flex-wrap:wrap;padding-top:var(--space-3);border-top:1px solid var(--line);color:var(--muted);font-size:var(--font-size-caption)}
.decision-cluster>.button{grid-column:3;grid-row:1;justify-self:end;white-space:nowrap}
.resolution-button:disabled{cursor:not-allowed;opacity:.48}
.guided-proposal{display:block;flex:1 0 100%;margin-top:calc(var(--space-1) * -1);color:var(--muted);font-size:var(--font-size-caption)}
.naming-profile-note{display:grid;gap:var(--space-1);margin:0 0 var(--space-4);padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-2);font-size:var(--font-size-caption)}
.naming-profile-note span{color:var(--muted)}
@media(max-width:1200px){.field-scale-grid{grid-template-columns:1fr}}
@media(max-width:900px){.decision-cluster{grid-template-columns:1fr}.decision-cluster-meta,.decision-cluster>.button{grid-column:auto;grid-row:auto;justify-self:start}.tolerance-controls{grid-template-columns:1fr}.field-purpose{grid-template-columns:1fr}.field-purpose-stats{max-width:none}}
@media(max-width:760px){.field-strip{grid-template-columns:1fr auto}.field-strip-svg{grid-column:1/-1;grid-row:2}.tolerance-head{flex-direction:column}.tolerance-readout small{width:100%;margin-left:0}.field-purpose,.field-sections{padding:var(--space-4)}.field-purpose-stats,.field-reading-guide{grid-template-columns:1fr}.field-toolbar{align-items:flex-start;flex-direction:column}.field-section-head{align-items:flex-start;flex-direction:column}.field-review-count{align-self:flex-start}.field-color-chart{padding:var(--space-2)}.field-scale-direction{padding-inline:var(--space-3)}.field-tolerance>summary{align-items:flex-start;flex-direction:column;gap:var(--space-3)}.field-tolerance-meta{width:100%;flex-wrap:wrap}.field-tolerance-meta i{margin-left:auto}.field-card-signal{align-items:flex-start;flex-direction:column}.field-card-signal .panel-action{align-self:flex-start}}
@media(max-width:760px){.field-diff-summary{grid-template-columns:1fr}.field-diff-summary .panel-action{justify-self:start}}
@media(prefers-reduced-motion:no-preference){.field-pulse{animation:field-introduced-once .6s ease-out both}}
@media(prefers-reduced-motion:reduce){.field-pulse{display:none}}
@keyframes field-introduced-once{from{r:2;opacity:.9}to{r:8;opacity:0}}
@media (max-width:760px) and (prefers-reduced-motion:no-preference){.sidebar{transition:transform .25s ease}.mobile-nav-backdrop{animation:backdrop-in .2s ease-out}}
@keyframes backdrop-in{from{opacity:0}}

.landing-footer a,.legal-document a{color:inherit;text-underline-offset:3px;text-decoration-thickness:1px}
.landing-footer a:hover,.legal-document a:hover{color:var(--ink)}
.landing-footer-links{display:flex;align-items:center;gap:var(--space-4-5)}
.skip-link{position:fixed;left:var(--space-4);top:var(--space-3);z-index:var(--layer-top);padding:var(--space-2-25) var(--space-3);border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface-raised);color:var(--ink);transform:translateY(-160%)}
.skip-link:focus{transform:translateY(0)}
.legal-document body{min-height:100vh;display:flex;flex-direction:column;background:var(--paper)}
.legal-nav{min-height:64px;padding:0 clamp(var(--space-5),4vw,64px);display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--paper) 92%,transparent)}
.legal-nav .wordmark{text-decoration:none;color:var(--ink)}
.legal-nav .wordmark span{color:var(--ink)}
.legal-nav nav,.legal-footer nav{display:flex;align-items:center;gap:var(--space-4-5);color:var(--muted);font-size:var(--font-size-xs)}
.legal-main{width:100%;flex:1;padding:clamp(54px,8vw,110px) var(--space-5-5)}
.legal-content{width:min(720px,100%);margin:0 auto}
.legal-content>.eyebrow{margin-bottom:var(--space-4-5)}
.legal-content h1{max-width:none;margin:0;font-size:clamp(40px,6vw,64px);font-weight:420;letter-spacing:-.05em;line-height:var(--line-legal)}
.legal-intro{max-width:660px;margin:var(--space-6) 0 54px;color:var(--muted);font-size:var(--font-size-lead);line-height:var(--line-reading)}
.legal-content section{padding:var(--space-7) 0;border-top:1px solid var(--line)}
.legal-content h2{margin:0 0 var(--space-3-25);font-size:var(--font-size-heading-sm);font-weight:520;letter-spacing:-.02em}
.legal-content p{margin:0 0 var(--space-3-25);line-height:var(--line-legal-copy)}
.legal-content p:last-child{margin-bottom:0}
.legal-content code{padding:var(--space-0-5) var(--space-1-25);border-radius:var(--radius-xs);background:var(--surface-2);font-size:var(--font-size-code)}
.legal-content .legal-updated{margin-top:var(--space-8-5);color:var(--muted);font-size:var(--font-size-caption);text-transform:uppercase;letter-spacing:.08em}
.legal-footer{min-height:58px;padding:var(--space-3-25) clamp(var(--space-5),4vw,64px);display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);border-top:1px solid var(--line);color:var(--muted);font-size:var(--font-size-caption)}
@media(max-width:760px){.landing-footer{height:auto;min-height:64px;align-items:flex-start;gap:var(--space-2);flex-direction:column;justify-content:center}.landing-footer-links{gap:var(--space-3-5)}.legal-nav{min-height:58px}.legal-nav nav{gap:var(--space-3)}.legal-main{padding-top:var(--space-12)}.legal-intro{margin-bottom:var(--space-9-5)}.legal-footer{align-items:flex-start;flex-direction:column;gap:var(--space-2)}}
@media(max-width:900px){.agent-section{grid-template-columns:1fr}.agent-file{width:100%}.how-grid{grid-template-columns:1fr}.how-grid article{min-height:240px}.how-grid h3{margin-top:var(--space-9)}}
@media(max-width:760px){.landing-details{padding:58px var(--space-6)}.landing-details-head .eyebrow{margin-bottom:var(--space-4)}.landing-details-head>p:last-child{margin-top:var(--space-4)}.landing-feature-grid{grid-template-columns:1fr;margin-top:var(--space-9)}.landing-feature-grid article>span{margin-bottom:var(--space-7)}.gray-ledger{grid-template-columns:repeat(8,1fr);height:64px}.gray-ledger i:nth-child(even){display:none}.proof-grid,.faq-list{grid-template-columns:1fr}.agent-file pre{min-height:300px}.integration-chips,.stack-chips{gap:var(--space-1-5)}.landing-cta>div{align-items:stretch;flex-direction:column}.landing-cta .button{width:100%}.vc-overlay-legend{align-items:flex-start;flex-direction:column;gap:var(--space-2)}.vc-type-stage{min-height:190px;padding:var(--space-5)}}
@media(prefers-reduced-motion:no-preference){.skip-link{transition:transform .15s ease}}

/* Landing demonstrations use the product's live component classes and only define their composition here. */
.seo-fallback .hero-instrument>.system-path{display:block;width:min(620px,100%)}
.seo-fallback .landing-pain>.gray-ledger{display:grid}.seo-fallback .landing-pain>.gray-ledger-label{display:block;grid-column:2}
.integration-chips span{padding:var(--space-1-5) var(--space-2-5);border:1px solid var(--line);border-radius:var(--radius-pill);color:var(--muted);font-size:var(--font-size-caption)}
@media(max-width:900px){
  .landing{--landing-rail:min(100% - 40px,1160px)}
  .landing-pain,.landing-how,.proof-section,.agent-section,.faq-section{grid-template-columns:1fr;gap:var(--space-8)}
  .agent-copy,.agent-file{grid-column:auto}.agent-file{grid-row:auto}
  .landing-pain>.landing-details-head,.landing-pain>.gray-demo{grid-column:auto;grid-row:auto}.gray-ledger-label{grid-column:auto}
  .landing-details-head{max-width:560px}.landing-details-head h2,.landing-details-head>p:last-child{max-width:540px}
  .product-window-body{grid-template-columns:150px minmax(0,1fr)}
  .proof-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .landing{--landing-rail:calc(100vw - 32px)}
  .landing-nav{width:var(--landing-rail);padding:0}
  .hero{width:var(--landing-rail);padding:56px 0 80px}
  .hero-copy{width:100%;padding:0}
  .hero h1{font-size:clamp(34px,10.5vw,44px)}
  .hero-instrument{height:430px;margin-top:32px;padding:16px}
  .product-window{width:100%;height:100%}
  .product-window-body{grid-template-columns:1fr}
  .product-window-nav{display:none}
  .product-window-main{padding:var(--space-4)}
  .product-window-bar span:nth-child(2){display:none}
  .landing-demo-metrics{grid-template-columns:1fr 1fr}
  .landing-demo-metrics .metric{border-bottom:1px solid var(--line)}
  .landing-demo-table .table-wrap{max-height:205px}
  .landing-demo-table table.ledger{min-width:520px}
  .landing-details{width:var(--landing-rail);padding:76px 0}
  .gray-demo-detail{grid-template-columns:1fr}
  .gray-demo-detail .compare-value{display:grid;grid-template-columns:72px 1fr;column-gap:var(--space-3);align-items:center}
  .gray-demo-detail .compare-swatch{grid-row:1/3;height:64px;margin:0}
  .gray-demo .gray-ledger{grid-template-columns:repeat(8,1fr);height:92px}
  .gray-demo .gray-ledger button:nth-child(even){display:none}
  .how-grid article{grid-template-columns:28px minmax(0,1fr);align-items:start}
  .how-grid h3{margin:0}.how-grid p,.how-grid code{grid-column:2}
  .proof-grid{grid-template-columns:1fr}
  .agent-file pre{min-height:300px}
  .landing-cta{width:var(--landing-rail);margin-bottom:var(--space-4)}
  .landing-footer{width:var(--landing-rail);padding:var(--space-4) 0}
  .seo-fallback .landing-pain>.gray-ledger-label{grid-column:auto}
}
@media(max-width:480px){
  /* Keep one compact page gutter, then spend the recovered width inside dense cards. */
  .content{padding-inline:var(--space-3)}
  .landing{--landing-rail:calc(100vw - 24px)}
  .legal-main{padding-inline:var(--space-4)}
  .metric,.preflight-metrics .metric{padding:var(--space-4) var(--space-3)}
  .verdict,.reconcile-card,.scan-panel{padding-inline:var(--space-4)}
  .panel-head,.system-map,.settings-section h3,.setting{padding-inline:var(--space-4)}
  .workflow-summary span{padding-inline:var(--space-3)}
  .field-purpose,.field-sections{padding-inline:var(--space-3)}
  .field-section-head,.field-card-signal,.field-toolbar,.field-category-filters,.field-hover-flag{padding-inline:var(--space-4)}
  .landing-feature-grid article,.proof-grid article,.how-grid article,.landing-cta{padding-inline:var(--space-5)}
}