:root{--ink:#111;--paper:#f6f4ee;--yellow:#f3d21a;--line:rgba(17,17,17,.18);--muted:#5d5b54;--max:1120px}*{box-sizing:border-box}html{color-scheme:light;background:var(--paper)}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.58}a{color:inherit;text-underline-offset:3px}.bar{position:sticky;top:0;z-index:5;background:rgba(246,244,238,.94);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.bar>div{max-width:var(--max);margin:auto;padding:18px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px}.mark{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:800;letter-spacing:-.03em}.dot{width:18px;height:18px;background:var(--yellow);display:inline-block;transform:rotate(45deg)}.back{font:700 11px/1 monospace;letter-spacing:.09em;text-transform:uppercase}.hero{max-width:var(--max);margin:auto;padding:86px 28px 54px;border-bottom:1px solid var(--line)}.eyebrow{font:700 11px/1.3 monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}h1{font-size:clamp(42px,7vw,92px);line-height:.92;letter-spacing:-.065em;max-width:900px;margin:18px 0 26px}.lead{font-size:clamp(18px,2vw,24px);max-width:780px;color:#282721}.meta{margin-top:34px;display:flex;flex-wrap:wrap;gap:14px 28px;font:700 11px/1.4 monospace;letter-spacing:.06em;text-transform:uppercase}.main{max-width:var(--max);margin:auto;padding:56px 28px 100px;display:grid;grid-template-columns:minmax(180px,.32fr) minmax(0,.68fr);gap:50px}.toc{position:sticky;top:86px;align-self:start;border-top:3px solid var(--ink);padding-top:14px}.toc a{display:block;padding:10px 0;border-bottom:1px solid var(--line);text-decoration:none;font:700 11px/1.35 monospace;text-transform:uppercase}.content section{scroll-margin-top:100px;padding:0 0 42px;margin:0 0 42px;border-bottom:1px solid var(--line)}h2{font-size:clamp(27px,3vw,42px);line-height:1;letter-spacing:-.04em;margin:0 0 20px}h3{font-size:18px;margin:28px 0 8px}.content p,.content li{max-width:760px}.content ul{padding-left:20px}.note{border-left:4px solid var(--yellow);padding:15px 18px;background:rgba(255,255,255,.52);margin:24px 0}.footer{border-top:1px solid var(--line);padding:32px 28px 60px}.footer>div{max-width:var(--max);margin:auto;display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap;font-size:13px}.footer nav{display:flex;gap:18px;flex-wrap:wrap}@media(max-width:760px){.bar>div,.hero,.main{padding-left:18px;padding-right:18px}.main{grid-template-columns:1fr;gap:30px}.toc{position:static}.hero{padding-top:58px}h1{font-size:48px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.bar{backdrop-filter:none}}