:root{--ink:#1d2733;--muted:#5b6876;--line:#d7dee6;--bg:#f7f9fb;--accent:#24598f;color-scheme:light}
@media (prefers-color-scheme:dark){:root{--ink:#e3e9ef;--muted:#9aa8b6;--line:#2c3743;--bg:#141a21;--accent:#7fb0e0;color-scheme:dark}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.6 Charter,"Bitstream Charter","Sitka Text",Cambria,Georgia,serif}
.wrap{max-width:42rem;margin:0 auto;padding:3.5rem 1.5rem 2rem}
header{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;border-bottom:1px solid var(--line);padding-bottom:1rem;margin-bottom:2.5rem;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;font-size:.95rem}
header a.home{color:var(--ink);text-decoration:none;font-weight:600}
nav a{color:var(--muted);margin-left:1rem}
h1{font-size:2.1rem;line-height:1.2;margin:0 0 1rem;font-weight:600}
h2{font-size:1.25rem;margin:2.2rem 0 .6rem;font-weight:600}
p,li{max-width:38rem}
.lede{font-size:1.15rem;color:var(--muted)}
a{color:var(--accent)}
a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
ul{padding-left:1.2rem}
footer{border-top:1px solid var(--line);margin-top:3rem;padding-top:1rem;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;font-size:.9rem;color:var(--muted)}
footer a{color:var(--muted)}