:root{--bg:#fff;--fg:#1a1a1a;--muted:#555;--link:#0b57d0;--rule:#ddd}
@media (prefers-color-scheme:dark){:root{--bg:#121212;--fg:#ececec;--muted:#aaa;--link:#8ab4f8;--rule:#333}}
*{box-sizing:border-box}
body{margin:0;padding:24px 16px 48px;background:var(--bg);color:var(--fg);font:1.0625rem/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
main{max-width:65ch;margin:0 auto}
h1{font-size:1.75rem;line-height:1.25;margin:.5em 0 .6em}
h2{font-size:1.25rem;margin:1.8em 0 .4em}
a{color:var(--link)}
.meta{color:var(--muted)}
nav{border-bottom:1px solid var(--rule);padding-bottom:.6em;margin-bottom:1em}
footer{margin-top:3em;padding-top:1em;border-top:1px solid var(--rule);color:var(--muted);font-size:.9rem}