:root { --fg: #1d1d1f; --muted: #555; --bg: #fff; --link: #0b57d0; }
@media (prefers-color-scheme: dark) { :root { --fg: #e8e8e8; --muted: #aaa; --bg: #161616; --link: #8ab4f8; } }
body { font: 16px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; color: var(--fg); background: var(--bg); max-width: 42rem; margin: 2rem auto; padding: 0 16px; }
a { color: var(--link); }
h1 { font-size: 1.6rem; margin-bottom: .2rem; }
.muted { color: var(--muted); font-size: .9rem; }
nav { margin: 1rem 0 2rem; display: flex; gap: 1rem; }