:root { --bg: #fdfcf9; --fg: #1d1d1f; --muted: #666; --link: #1a5fd0; --line: #ddd; }
@media (prefers-color-scheme: dark) { :root { --bg: #17181a; --fg: #ececec; --muted: #9a9a9a; --link: #7fb0ff; --line: #333; } }
body { background: var(--bg); color: var(--fg); font-family: system-ui, sans-serif; max-width: 42rem; margin: 2rem auto; padding: 0 1rem; line-height: 1.55; }
a { color: var(--link); }
h1 { font-size: 1.6rem; } h2 { font-size: 1.2rem; margin-top: 2rem; } h3 { font-size: 1rem; }
nav { display: flex; flex-wrap: wrap; gap: .4rem 1rem; padding-bottom: .8rem; border-bottom: 1px solid var(--line); }
.lang { color: var(--muted); font-size: .9rem; }
hr { border: 0; border-top: 1px solid var(--line); margin: 3rem 0; }
footer { color: var(--muted); font-size: .85rem; margin: 3rem 0 1rem; }