:root{--bg:#fbfbfa;--fg:#23211d;--mut:#6b6660;--line:#e6e3de}
@media(prefers-color-scheme:dark){:root{--bg:#1a1917;--fg:#e8e5e0;--mut:#98928a;--line:#2f2c28}}
*{box-sizing:border-box}
body{margin:0;padding:2.5rem 1.25rem;background:var(--bg);color:var(--fg);
font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
header,main,footer{max-width:41rem;margin:0 auto}
h1{font-size:1.6rem;margin:0 0 .3rem}
.sub{color:var(--mut);margin:0 0 2.5rem}
article{border-top:1px solid var(--line);padding:1.6rem 0}
h2{font-size:1.15rem;margin:0 0 .3rem;font-weight:600}
.d{color:var(--mut);font-size:.85rem;margin:0 0 .6rem}
p{margin:0 0 .6rem}
footer{border-top:1px solid var(--line);margin-top:2rem;padding-top:1.2rem;color:var(--mut);font-size:.85rem}