:root{color-scheme:light;--paper:#f5f0e4;--surface:#fffdf7;--ink:#20342a;--muted:#59675f;--accent:#2f684d;--rule:#c9c2b2}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.6 Georgia,serif}header,main,footer{max-width:760px;margin:auto;padding:24px}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--rule);font:700 16px/1.2 system-ui,sans-serif}header a{color:var(--ink)}main{padding-top:56px;padding-bottom:64px}h1{font-size:clamp(2.2rem,7vw,3.5rem);line-height:1;margin:0 0 16px;max-width:13ch}h2{margin-top:40px;line-height:1.2}p,li{max-width:68ch}a{color:var(--accent);text-underline-offset:3px}:focus-visible{outline:3px solid #936a16;outline-offset:3px}.lede{font-size:20px;color:var(--muted)}.note{padding:18px;border-left:5px solid var(--accent);background:var(--surface)}footer{border-top:1px solid var(--rule);color:var(--muted);font:14px/1.5 system-ui,sans-serif}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--paper:#171c18;--surface:#222a24;--ink:#edf2e8;--muted:#b4c0b5;--accent:#82c49d;--rule:#465148}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}