:root{--ink:#16191d;--paper:#fbfbf9;--muted:#5a6169;--rule:#e2e5e4;--accent:#2e7d74}
@media (prefers-color-scheme:dark){:root{--ink:#e7e9ea;--paper:#14171a;--muted:#9aa2a9;--rule:#2b3036;--accent:#5aada2}}
*{box-sizing:border-box}
body{margin:0;padding:2.5rem 1.2rem 4rem;background:var(--paper);color:var(--ink);font:400 17px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
main{max-width:40rem;margin:0 auto}
h1{font-size:1.8rem;line-height:1.2;margin:0 0 .3rem}
.sub{color:var(--muted);margin:0 0 2rem}
h2{font-size:1.1rem;margin:2rem 0 .4rem}
a{color:var(--accent)}
footer{margin-top:3rem;padding-top:1rem;border-top:1px solid var(--rule);color:var(--muted);font-size:.85rem}