:root{--ground:#f4f3f8;--ink:#1d1b26;--soft:#5c5870;--line:#dcd9e6;--accent:#5b6fd6}
@media (prefers-color-scheme:dark){:root{--ground:#15141c;--ink:#ecebf3;--soft:#a3a0b5;--line:#2c2a38;--accent:#9aa8ff}}
*{box-sizing:border-box}
body{margin:0;background:var(--ground);color:var(--ink);font:17px/1.6 -apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Arial,sans-serif}
main{max-width:40rem;margin:0 auto;padding:3rem 1.25rem 4rem}
h1{font-size:2rem;line-height:1.2;margin:0 0 .25rem;text-wrap:balance}
h2{font-size:1.15rem;margin:2.25rem 0 .5rem}
p,li{margin:.5rem 0}
.meta{color:var(--soft);font-size:.9rem;margin-bottom:2rem}
a{color:var(--accent)}
nav{display:flex;gap:1.25rem;font-size:.95rem;border-top:1px solid var(--line);margin-top:3rem;padding-top:1rem}