:root { color-scheme: light dark; --bg:#fff; --ink:#1b1b1f; --mute:#5b5b66; --rule:#e2e2e8; --link:#1a56db; }
@media (prefers-color-scheme: dark) { :root { --bg:#16161a; --ink:#ececf1; --mute:#a0a0ad; --rule:#2c2c34; --link:#7aa7ff; } }
body { margin:0; background:var(--bg); color:var(--ink); font:16px/1.65 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; }
main { max-width:44rem; margin:0 auto; padding:2.5rem 1rem 4rem; }
h1 { font-size:1.7rem; margin:0 0 .25rem; } h2 { font-size:1.15rem; margin:2rem 0 .5rem; }
.meta { color:var(--mute); font-size:.9rem; margin:0 0 1.5rem; }
a { color:var(--link); } hr { border:0; border-top:1px solid var(--rule); margin:2.5rem 0; }
nav { font-size:.9rem; margin-bottom:1.5rem; } nav a { margin-right:1rem; }