:root{color-scheme:light dark;--bg:#fbf8f2;--ink:#2f271f;--sub:#6f6254;--link:#17756a}
@media (prefers-color-scheme:dark){:root{--bg:#1f1b16;--ink:#f1e9dc;--sub:#b6a892;--link:#6fd1c3}}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
main{max-width:680px;margin:0 auto;padding:40px 16px 64px}
h1{font-size:30px;line-height:1.2;margin:0 0 8px}h2{font-size:20px;margin:32px 0 8px}p,li{margin:0 0 10px}
.sub{color:var(--sub)}a{color:var(--link)}nav{margin-top:40px;color:var(--sub);font-size:15px}