:root{--bg:#EFECE6;--ink:#23211E;--mute:#6d6962;--surface:#F9F7F3}
@media (prefers-color-scheme:dark){:root{--bg:#1B1A18;--ink:#F4F0E8;--mute:#9c978e;--surface:#272521}}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.6 "Nunito",ui-rounded,system-ui,sans-serif;padding:48px 20px 80px}
main{max-width:640px;margin:0 auto}
h1{font-size:40px;line-height:1.1;margin:0 0 8px;letter-spacing:-.02em}
h2{font-size:20px;margin:32px 0 6px}
p,li{color:var(--ink)}
.sub{color:var(--mute);margin:0 0 28px}
a{color:inherit}
nav{margin-bottom:40px;display:flex;gap:18px;font-weight:700}
nav a{text-decoration:none;color:var(--mute)} nav a[aria-current]{color:var(--ink)}