:root{--ink:#1d2227;--mut:#58626c;--bg:#faf9f6;--line:#dcd8cc;--acc:#2a5d4f}
@media(prefers-color-scheme:dark){:root{--ink:#e8ebed;--mut:#a5afb7;--bg:#12181b;--line:#2c373d;--acc:#8fd0bb}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.65 system-ui,-apple-system,"Segoe UI",sans-serif}
a{color:var(--acc)}
.w{max-width:42rem;margin:0 auto;padding:0 1rem;overflow-wrap:anywhere}
h1{font-size:clamp(1.6rem,6vw,2.4rem);line-height:1.15;margin:2.5rem 0 .8rem}
h2{font-size:1.25rem;margin:2.2rem 0 .4rem;padding-top:1.2rem;border-top:1px solid var(--line)}
.lede{font-size:1.1rem;color:var(--mut)}
ol{padding-left:1.3rem}
footer{border-top:1px solid var(--line);margin-top:3rem;padding:1.2rem 0 2rem;font-size:.9rem;color:var(--mut)}
:focus-visible{outline:3px solid var(--acc);outline-offset:2px}