:root{color-scheme:light dark;--bg:#f7f6f2;--text:#202722;--muted:#59645c;--link:#185e54;font-family:system-ui,sans-serif;background:var(--bg);color:var(--text)}
@media(prefers-color-scheme:dark){:root{--bg:#12191d;--text:#eaf3f5;--muted:#b4c5c9;--link:#70cabe}}
body{margin:0;padding:3rem 1.5rem}main{max-width:46rem;margin:auto}h1{font-size:clamp(2rem,6vw,3rem);letter-spacing:-.04em}h2{margin-top:2.5rem;font-size:1.4rem}p,li{line-height:1.7}a{color:var(--link)}nav{display:flex;flex-wrap:wrap;gap:1rem;margin:2rem 0}small{color:var(--muted)}