:root{color-scheme:light dark;--paper:#f8f7f3;--surface:#ffffff;--soft:#efeee8;--ink:#22271f;--muted:#596052;--rule:#d2d5ca;--accent:#294b37;--on-accent:#ffffff;--focus:#426d97;--s1:.25rem;--s2:.5rem;--s3:.75rem;--s4:1rem;--s6:1.5rem;--s8:2rem;--s12:3rem;--s16:4rem;--s24:6rem;--width:74rem;--radius:4px;--radius-panel:8px;--body:1rem;--small:.875rem;--lead:1.25rem;--subhead:1.375rem;--display:clamp(2.75rem,5.8vw,5rem);--chapter:clamp(2rem,3.5vw,3rem);--gutter:clamp(1.25rem,4vw,3rem)}
@media(prefers-color-scheme:dark){:root{--paper:#191b18;--surface:#22251f;--soft:#2c3028;--ink:#f1f0e9;--muted:#b5bdab;--rule:#454b3e;--accent:#b9d5aa;--on-accent:#192218;--focus:#a9c8ec}}
*{box-sizing:border-box}html{scroll-padding-top:var(--s8)}body{margin:0;background:var(--paper);color:var(--ink);font-family:system-ui,sans-serif;font-size:var(--body);line-height:1.65}a{color:inherit;text-underline-offset:.2em}a:hover{text-decoration-thickness:2px}a:active,button:active{opacity:.8}a,button,summary{transition:opacity 150ms ease-out}:focus-visible{outline:3px solid var(--focus);outline-offset:4px}button{font:inherit;color:inherit;cursor:pointer}button:disabled{opacity:.5;cursor:default}h1,h2,h3,p,ol,ul{margin:0}h1,h2{font-family:Georgia,serif;font-weight:400;text-wrap:balance}h1{font-size:var(--display);line-height:1.04;letter-spacing:-.045em}h2{font-size:var(--chapter);line-height:1.12;letter-spacing:-.025em}h3{font-size:var(--subhead);line-height:1.3;font-weight:600}p{max-width:65ch}p+p{margin-top:var(--s4)}.wrap{max-width:var(--width);margin-inline:auto;padding-inline:var(--gutter)}.skip{position:absolute;top:var(--s4);left:var(--s4);z-index:2;padding:var(--s3);background:var(--surface);transform:translateY(-200%)}.skip:focus{transform:translateY(0)}.header{display:flex;justify-content:space-between;align-items:center;gap:var(--s6);padding-block:var(--s6);border-bottom:1px solid var(--rule)}.brand{font-weight:650;letter-spacing:-.025em;text-decoration:none;min-height:44px;display:flex;align-items:center;gap:var(--s3)}.brand-mark{width:28px;height:28px;flex:none}.nav{display:flex;gap:var(--s6);flex-wrap:wrap;align-items:center;font-size:var(--small)}.nav a{min-height:44px;display:flex;align-items:center;text-decoration:none}.nav a:hover{text-decoration:underline}.eyebrow{font-family:ui-monospace,monospace;font-size:var(--small);color:var(--muted);letter-spacing:.035em}.hero{display:grid;grid-template-columns:1.5fr 1fr;gap:var(--s16);padding-block:var(--s24) var(--s16);align-items:start}.hero h1{margin-block:var(--s6) var(--s8)}.lead{font-size:var(--lead);line-height:1.6;color:var(--muted)}.actions{display:flex;gap:var(--s4);flex-wrap:wrap;margin-top:var(--s8);align-items:center}.button{display:inline-flex;justify-content:center;align-items:center;gap:var(--s3);padding:var(--s3) var(--s6);min-height:48px;border:1px solid var(--rule);border-radius:var(--radius);font-size:var(--small);font-weight:600;text-decoration:none;background:transparent}.button:hover{background:var(--soft);text-decoration:none}.button.primary{background:var(--accent);color:var(--on-accent);border-color:transparent}.button.primary:hover{opacity:.88}.note{font-size:var(--small);color:var(--muted);margin-top:var(--s4)}.diagram{background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius-panel);padding:var(--s6);margin-top:var(--s6)}.diagram ol{padding:0;list-style:none}.diagram li{padding-block:var(--s6);border-top:1px solid var(--rule)}.diagram li:first-child{border-top:0}.diagram strong{display:block;margin-bottom:var(--s2)}.diagram p{font-size:var(--small);color:var(--muted)}.diagram .eyebrow{padding-bottom:var(--s2)}.diagram-footer{border-top:1px solid var(--rule);padding-top:var(--s4);font-size:var(--small);color:var(--muted)}.chapter{display:grid;grid-template-columns:10rem minmax(0,1fr);gap:var(--s8);border-top:1px solid var(--rule);padding-block:var(--s16)}.chapter-content>h2{max-width:24ch;margin-bottom:var(--s8)}.chapter-content>p+.rows,.chapter-content>p+.record,.chapter-content>p+.flow{margin-top:var(--s8)}.chapter-content>p{color:var(--muted)}.rows{display:grid;gap:0}.row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:var(--s8);padding-block:var(--s6);border-top:1px solid var(--rule)}.row:first-child{border-top:0;padding-top:0}.row p{color:var(--muted)}.row h3{margin-bottom:var(--s2)}.flow{counter-reset:steps;list-style:none;padding:0}.flow li{counter-increment:steps;display:grid;grid-template-columns:2rem minmax(0,1fr);gap:var(--s4);padding-block:var(--s6);border-top:1px solid var(--rule)}.flow li:before{content:counter(steps,decimal-leading-zero);font-family:ui-monospace,monospace;color:var(--muted)}.flow p{color:var(--muted);margin-top:var(--s2)}details{border-top:1px solid var(--rule)}summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:var(--s4);min-height:56px;padding:var(--s4);font-weight:600}summary::-webkit-details-marker{display:none}summary:after{content:'+';font-size:var(--subhead);font-weight:400}details[open]>summary:after{content:'−'}summary:hover,details[open]>summary{background:var(--soft)}details>div{padding:var(--s4)}details>div>p{color:var(--muted)}.record{border:1px solid var(--rule);border-radius:var(--radius-panel);background:var(--surface);overflow:hidden}.record>details:first-child{border-top:0}pre{font-family:ui-monospace,monospace;font-size:var(--small);line-height:1.6;overflow-x:auto;margin:var(--s4) 0 0;padding:var(--s4);background:var(--paper);border-radius:var(--radius);tab-size:2}code{font-family:ui-monospace,monospace;font-size:var(--small);overflow-wrap:anywhere}pre code{overflow-wrap:normal}.status{font-size:var(--small);font-family:ui-monospace,monospace;color:var(--muted)}.status strong{color:var(--ink)}.resources{display:flex;flex-wrap:wrap;gap:var(--s3) var(--s6);margin-top:var(--s6)}.resources a{display:inline-flex;align-items:center;min-height:44px;font-size:var(--small)}.footer{border-top:1px solid var(--rule);padding-block:var(--s8);display:flex;justify-content:space-between;gap:var(--s6);font-size:var(--small);color:var(--muted)}.prose{max-width:65ch}.showcase{padding-block:var(--s12)}.showcase h1{font-size:var(--chapter)}.showcase>*+*{margin-top:var(--s8)}
.chapter-content{min-width:0}
@media(max-width:64rem){.hero{gap:var(--s8)}.chapter{grid-template-columns:8rem minmax(0,1fr)}}
@media(max-width:48rem){.header{align-items:flex-start;flex-direction:column;gap:var(--s2);padding-block:var(--s4)}.nav{gap:var(--s4)}.hero{grid-template-columns:1fr;padding-block:var(--s12);gap:var(--s8)}.hero h1{max-width:17ch}.diagram{margin-top:0}.chapter{grid-template-columns:1fr;gap:var(--s6);padding-block:var(--s12)}.row{grid-template-columns:1fr;gap:var(--s3)}.footer{flex-direction:column;gap:var(--s3)}.chapter-content>h2{max-width:24ch}.actions{gap:var(--s3)}}
@media(prefers-reduced-motion:reduce){a,button,summary{transition-duration:100ms}}