:root{--paper:#f4f1e8;--ink:#23332d;--muted:#646d63;--line:#c6cbbd;--accent:#a74e26}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:var(--paper);color:var(--ink);font-family:Georgia,'Palatino Linotype',serif;line-height:1.65}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--accent);outline-offset:6px}header,main,footer{max-width:1120px;margin:auto;padding-inline:40px}header{min-height:110px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;font-size:24px;font-weight:bold;letter-spacing:-.8px}nav{display:flex;gap:30px}nav a,footer,.eyebrow,.section-label>span,.number,.margin>span{font-family:Menlo,Monaco,'Courier New',monospace;font-size:12px}.intro{display:grid;grid-template-columns:3fr 1fr;gap:70px;padding:82px 0 72px}h1{font-weight:normal;font-size:clamp(50px,6.4vw,83px);line-height:1.07;letter-spacing:-3px;margin:22px 0 28px}.eyebrow{letter-spacing:1.6px;color:var(--accent);margin:0 0 12px}.lead{font-size:21px;max-width:620px;color:var(--muted)}aside{border-left:1px solid var(--line);padding-left:30px;align-self:end;color:var(--muted);font-size:15px}.diagram{font-family:Menlo,Monaco,monospace;font-size:26px;white-space:pre;display:block;line-height:1.5;padding-bottom:12px;color:var(--ink)}.section-label{display:flex;justify-content:space-between;align-items:baseline;border-bottom:2px solid var(--ink);padding-bottom:12px}h2{font-size:27px;font-weight:normal;margin:0}.section-label>span{color:var(--muted)}.entry{display:grid;grid-template-columns:50px 1fr 24px;gap:25px;border-bottom:1px solid var(--line);padding:32px 0;transition:color .15s}.entry:hover h3{color:var(--accent)}.number{color:var(--muted);padding-top:3px}.entry h3{margin:0;font-size:29px;font-weight:normal;line-height:1.25;transition:color .15s}.entry p:last-child{color:var(--muted);margin-bottom:0;max-width:680px}.margin{display:grid;grid-template-columns:1fr 3fr;gap:35px;margin:70px 0;align-items:start}.margin>span{letter-spacing:1.3px;color:var(--accent);padding-top:6px}.margin p{font-size:25px;margin:0;max-width:650px}.article{max-width:790px;padding-block:64px 90px}.article h1{font-size:clamp(42px,5.5vw,65px);letter-spacing:-2px}.article h2{margin-top:42px;font-size:27px}.article p,.article li{font-size:19px}.article .back{display:inline-block;margin-bottom:24px;color:var(--accent)}code{font-family:Menlo,Monaco,monospace;font-size:.8em;background:#e4e7dc;padding:2px 5px}footer{border-top:1px solid var(--line);padding-block:25px 32px;display:flex;justify-content:space-between;gap:20px;color:var(--muted)}footer a{text-decoration:underline;text-underline-offset:4px}@media(max-width:680px){header,main,footer{padding-inline:22px}header{min-height:85px}.brand{font-size:20px}nav{gap:18px}.intro{grid-template-columns:1fr;gap:20px;padding:48px 0}.intro aside{display:none}h1{letter-spacing:-2px}.lead{font-size:19px}.entry{grid-template-columns:25px 1fr 18px;gap:12px;padding:26px 0}.entry h3{font-size:24px}.section-label>span{display:none}.margin{grid-template-columns:1fr;gap:14px;margin:45px 0}.margin p{font-size:23px}.article{padding-block:40px 60px}.article p,.article li{font-size:18px}footer{flex-wrap:wrap;font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}