:root { --bg:#f6fbff; --ink:#1f2b3d; --muted:#5b6b80; --accent:#2f7fd8; --card:#ffffff; }
@media (prefers-color-scheme: dark) { :root { --bg:#0f1722; --ink:#e6edf5; --muted:#9fb0c4; --accent:#6aa9f0; --card:#17212e; } }
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--ink); font:16px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }
main { max-width:760px; margin:0 auto; padding:32px 16px 64px; }
h1 { font-size:2rem; margin:0 0 4px; } h2 { margin-top:2em; font-size:1.25rem; }
.muted { color:var(--muted); } a { color:var(--accent); }
.card { background:var(--card); border-radius:14px; padding:16px 20px; margin:16px 0; box-shadow:0 1px 3px rgba(0,0,0,.08); }
nav a { margin-right:16px; }