@font-face{font-family:Satoshi;src:url('fonts/satoshi-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Satoshi;src:url('fonts/satoshi-700.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:Mono;src:url('fonts/jetbrains-mono.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--bg:#f4f4ef;--panel:#fcfcf8;--soft:#eaece6;--fg:#202727;--muted:#586160;--line:#cbd0c8;--accent:#c33d2b;--amber:#996300;--ice:#196c8c;--mono:Mono,monospace;--text-xs:clamp(.75rem,.73rem + .1vw,.82rem);--text-sm:clamp(.875rem,.84rem + .1vw,.94rem);--text-base:clamp(1rem,.97rem + .15vw,1.08rem);--text-lg:clamp(1.15rem,1.08rem + .35vw,1.4rem);--text-xl:clamp(1.6rem,1.2rem + 1vw,2.2rem);--text-hero:clamp(2.2rem,1.6rem + 2.4vw,3.5rem);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px}
[data-theme=dark]{--bg:#131616;--panel:#191d1d;--soft:#222727;--fg:#eff2e9;--muted:#a4aeab;--line:#39403e;--accent:#ff735d;--amber:#e8b35c;--ice:#70c9e8;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--fg);font-family:Satoshi,sans-serif;font-size:var(--text-base);line-height:1.55}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,select{border:1px solid var(--line);border-radius:0;background:var(--panel);color:var(--fg);min-height:44px;cursor:pointer}button:hover,a:hover{color:var(--accent)}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:700;line-height:1.12;letter-spacing:-.035em}h1{font-size:var(--text-hero)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}button,a,input,select{-webkit-tap-highlight-color:transparent}.topbar,main,footer{max-width:1440px;margin:auto;padding-inline:var(--space-12)}.topbar{display:flex;justify-content:space-between;align-items:center;min-height:86px;border-bottom:1px solid var(--line);gap:var(--space-4)}.brand{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-lg);letter-spacing:.02em}.brand .path{font-size:var(--text-sm);color:var(--muted);font-family:var(--mono);padding-left:var(--space-2)}nav{display:flex;align-items:center;gap:var(--space-6);font-size:var(--text-sm)}nav a{display:flex;align-items:center;min-height:44px;gap:var(--space-2)}.quiet{padding:var(--space-2) var(--space-3);background:none}.hero{display:grid;grid-template-columns:1.3fr 1fr;gap:var(--space-16);padding-block:var(--space-12) var(--space-10)}.eyebrow,.mono,.micro,.pill{font-family:var(--mono);font-size:var(--text-xs)}.eyebrow{color:var(--muted);letter-spacing:.06em;line-height:1.7}.hero .eyebrow{margin-bottom:var(--space-5)}.status-dot{display:inline-block;width:7px;height:7px;background:var(--accent);margin-right:var(--space-2)}.hero-right{padding-top:var(--space-10);max-width:400px;justify-self:end}.hero-right>p:first-child{font-size:var(--text-lg);margin-bottom:var(--space-3)}.muted{color:var(--muted)}.text-link{display:inline-flex;gap:var(--space-6);align-items:center;font-size:var(--text-sm);min-height:44px;margin-top:var(--space-3);border-bottom:1px solid var(--line)}.disclosure{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) 0;color:var(--muted);font-size:var(--text-sm);border-top:1px solid var(--line)}.pill{border:1px solid var(--line);white-space:nowrap;padding:var(--space-1) var(--space-2);color:var(--amber)}.workspace{border:1px solid var(--line);background:var(--panel);scroll-margin-top:var(--space-4)}.workspace-head{display:flex;justify-content:space-between;align-items:center;padding:var(--space-6);gap:var(--space-4);border-bottom:1px solid var(--line)}.workspace-head h2{font-size:var(--text-lg);margin-top:var(--space-1)}.switch{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm);min-height:44px;cursor:pointer;position:relative}.switch input{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer}.switch-track{display:block;width:32px;height:18px;background:var(--soft);border:1px solid var(--muted);padding:2px}.switch-track:after{content:'';display:block;width:12px;height:12px;background:var(--muted);transition:transform .15s}.switch input:checked+.switch-track:after{transform:translateX(12px);background:var(--accent)}.switch input:focus-visible+.switch-track{outline:2px solid var(--accent);outline-offset:5px}.replay-grid{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(290px,1fr)}.visual{padding:var(--space-6);min-width:0}.readouts{display:grid;grid-template-columns:1fr 1.1fr 1fr;gap:var(--space-4);padding-bottom:var(--space-8)}.readouts .eyebrow{display:block}.eyebrow small{font:inherit;color:var(--muted);opacity:.8}.number{font-family:var(--mono);font-size:var(--text-xl);letter-spacing:-.06em;margin-top:var(--space-2);white-space:nowrap}.number small{font-size:var(--text-xs);color:var(--muted);letter-spacing:0;margin-left:var(--space-2)}#excess{color:var(--accent)}.chart-heading{display:flex;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-3)}.legend{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--muted)}.line-key,.dash-key{display:inline-block;width:14px;border-top:2px solid var(--accent)}.dash-key{border-top:1px dashed var(--muted);margin-left:var(--space-2)}.chart-wrap{height:230px;position:relative}.chart-wrap canvas{display:block;width:100%;height:100%}.axis{display:flex;justify-content:space-between;font-family:var(--mono);font-size:var(--text-xs);color:var(--muted);padding:var(--space-2) 0}.transport{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) 0 var(--space-6)}.play{min-width:72px;background:var(--fg);color:var(--bg);font-size:var(--text-sm);border-color:var(--fg)}.scrubber{flex:1}.scrubber input{width:100%;accent-color:var(--accent);height:44px;margin:0;cursor:ew-resize}select{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);max-width:100%}.event-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);border-top:1px solid var(--line);padding-top:var(--space-3)}.event-bar label{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);min-height:44px;cursor:pointer}.event-bar input{accent-color:var(--accent);width:16px;height:16px}.events{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-2);margin-block:var(--space-2) var(--space-3)}.event{padding:var(--space-3) var(--space-2);text-align:left;font-family:var(--mono);font-size:var(--text-xs);border:1px solid var(--line);min-height:64px}.event b{font-weight:400;display:block;font-size:var(--text-sm)}.event span{display:block;color:var(--muted);margin-top:var(--space-1);font-family:Satoshi,sans-serif}.event[data-kind=cue] b{color:var(--accent)}.event[aria-pressed=true]{border-color:var(--accent);background:var(--soft)}.micro{display:block;font-size:var(--text-xs);color:var(--muted);line-height:1.65}.inspector{padding:var(--space-6);border-left:1px solid var(--line);background:var(--bg);display:flex;flex-direction:column;min-width:0}.inspector-top{display:flex;justify-content:space-between;gap:var(--space-3)}.state{font:var(--text-xs) var(--mono);color:var(--accent);letter-spacing:.08em;margin-top:var(--space-6)}.inspector h3{font-size:var(--text-xl);margin-block:var(--space-3);min-height:2.24em}.inspector>.muted{font-size:var(--text-sm);min-height:3.1em}.evidence{margin:var(--space-5) 0}.evidence>div{display:grid;grid-template-columns:90px 1fr;gap:var(--space-3);padding-block:var(--space-3);border-top:1px solid var(--line);font-size:var(--text-sm)}dt{color:var(--muted)}dd{margin:0}.after{background:var(--soft);padding:var(--space-4);margin-top:auto}.after p{font-size:var(--text-sm);margin-block:var(--space-2)}.after .micro{font-family:Satoshi,sans-serif}.download{display:flex;justify-content:space-between;gap:var(--space-3);align-items:center;width:100%;padding:var(--space-3);font-size:var(--text-sm);margin-top:var(--space-4);background:transparent}.guardrail{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-5) var(--space-6)}.guardrail p{font-size:var(--text-sm);margin-top:var(--space-1)}.method{display:grid;grid-template-columns:1fr 1.3fr;gap:var(--space-16);padding-block:var(--space-16)}.method-intro h2{margin-block:var(--space-4) var(--space-6);font-size:var(--text-xl)}.method-intro p:not(.eyebrow){color:var(--muted);max-width:39ch}.method-rows article{display:flex;gap:var(--space-6);border-top:1px solid var(--line);padding-block:var(--space-6)}.method-rows article .mono{color:var(--accent)}.method-rows h3{font-size:var(--text-lg)}.method-rows p{color:var(--muted);margin-top:var(--space-3)}.provenance{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:var(--space-12)}summary{min-height:72px;cursor:pointer;font-size:var(--text-base);display:flex;justify-content:space-between;align-items:center;gap:var(--space-4)}summary::-webkit-details-marker{display:none}.provenance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-8);padding-block:var(--space-4) var(--space-8)}.provenance-grid h3{font-size:var(--text-base);margin-bottom:var(--space-3)}.provenance-grid p{font-size:var(--text-sm);color:var(--muted)}footer{display:flex;justify-content:space-between;gap:var(--space-4);padding-block:var(--space-6);font:var(--text-xs) var(--mono);color:var(--muted)}footer a{min-height:44px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip{position:absolute;left:16px;top:-80px;padding:var(--space-3);background:var(--fg);color:var(--bg);z-index:5}.skip:focus{top:16px}
@media(min-width:1600px){.chart-wrap{height:270px}}
@media(max-width:1050px){.topbar,main,footer{padding-inline:var(--space-6)}.replay-grid{grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr)}.visual,.inspector{padding:var(--space-5)}.events{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{gap:var(--space-8)}.readouts{gap:var(--space-2)}.number{font-size:var(--text-lg)}.method{gap:var(--space-8)}.evidence>div{grid-template-columns:72px 1fr}}
@media(max-width:760px){.topbar,main,footer{padding-inline:var(--space-4)}.topbar{min-height:72px}nav{gap:var(--space-3)}nav a:first-child{display:none}.brand{gap:var(--space-2)}.brand .path{font-size:var(--text-xs);padding-left:0}.hero{grid-template-columns:1fr;padding-block:var(--space-8);gap:var(--space-5)}.hero-right{justify-self:start;padding-top:0;max-width:none}.hero-right>p:first-child{display:none}.hero .eyebrow{margin-bottom:var(--space-4)}.hero-right .muted br{display:none}.disclosure{align-items:flex-start;flex-direction:column;gap:var(--space-2)}.replay-grid{grid-template-columns:1fr}.inspector{border-left:0;border-top:1px solid var(--line)}.inspector h3,.inspector>.muted{min-height:0}.workspace-head{padding:var(--space-4)}.workspace-head h2{font-size:var(--text-base)}.switch{font-size:var(--text-xs);gap:var(--space-2);white-space:nowrap}.visual,.inspector{padding:var(--space-4)}.readouts{grid-template-columns:1fr 1fr 1fr;gap:var(--space-2);padding-bottom:var(--space-6)}.number{font-size:var(--text-lg)}.number small{margin-left:var(--space-1)}.readouts .eyebrow{font-size:var(--text-xs);letter-spacing:0;line-height:1.5;min-height:36px}.eyebrow small{display:block}.chart-wrap{height:200px}.events{grid-template-columns:repeat(4,minmax(0,1fr))}.event{padding:var(--space-2) var(--space-1)}.event span{font-size:var(--text-xs)}.guardrail{align-items:stretch;flex-direction:column;padding:var(--space-4)}.anchor-select select{width:100%}.method{grid-template-columns:1fr;padding-block:var(--space-10);gap:var(--space-8)}.method-intro h2 br{display:none}.method-intro p:not(.eyebrow){max-width:100%}.provenance-grid{grid-template-columns:1fr;gap:var(--space-6)}footer{flex-wrap:wrap}.inspector h3{font-size:var(--text-xl)}.evidence>div{grid-template-columns:90px 1fr}.transport{gap:var(--space-3)}.play{min-width:62px}}
@media(max-width:390px){.brand strong{font-size:var(--text-base)}nav a{font-size:var(--text-xs)}.quiet{font-size:var(--text-xs);padding-inline:var(--space-2)}.events{grid-template-columns:repeat(2,minmax(0,1fr))}.legend{flex-wrap:wrap}.workspace-head{align-items:flex-start}.workspace-head .eyebrow{font-size:var(--text-xs);letter-spacing:0}.readouts .number small{display:block;margin:0}.readouts .number{line-height:1.35}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}