:root { color-scheme: light dark; --fg: #0f172a; --muted: #475569; --bg: #f8fafc; --card: #fff; --line: #e2e8f0; --link: #2563eb; }
@media (prefers-color-scheme: dark) { :root { --fg: #e2e8f0; --muted: #94a3b8; --bg: #0b1120; --card: #111827; --line: #1f2937; --link: #60a5fa; } }
* { box-sizing: border-box; }
body { margin: 0; padding: 32px 16px 64px; background: var(--bg); color: var(--fg); font: 16px/1.6 system-ui, -apple-system, "Segoe UI", sans-serif; }
main { max-width: 720px; margin: 0 auto; background: var(--card); border: 1px solid var(--line); border-radius: 16px; padding: 28px clamp(18px, 4vw, 40px); }
h1 { font-size: 1.7rem; margin: 0 0 4px; } h2 { font-size: 1.15rem; margin: 28px 0 6px; }
.meta { color: var(--muted); margin: 0 0 20px; } a { color: var(--link); }
nav { max-width: 720px; margin: 0 auto 14px; display: flex; gap: 16px; flex-wrap: wrap; font-size: .95rem; }
li { margin: 4px 0; }