:root{--bg:#fff;--fg:#1f2937;--muted:#6b7280;--accent:#2563eb;--rule:#e5e7eb;--card:#f3f4f6}
@media(prefers-color-scheme:dark){:root{--bg:#111827;--fg:#e5e7eb;--muted:#9ca3af;--accent:#60a5fa;--rule:#374151;--card:#1f2937}}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--fg);font:17px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif}
main{max-width:720px;margin:0 auto;padding:48px 20px 64px}
h1{font-size:2rem;line-height:1.2;margin:0 0 4px}h2{font-size:1.25rem;margin:2em 0 .5em}
p,li{margin:.5em 0}a{color:var(--accent)}
.meta{color:var(--muted);margin-bottom:2em}
.card{background:var(--card);border-radius:12px;padding:16px 20px;margin:1em 0}
footer{margin-top:3em;padding-top:1em;border-top:1px solid var(--rule);color:var(--muted);font-size:.9rem}
nav a{margin-right:16px}