:root{color-scheme:light dark;--ink:#1d2a24;--muted:#55635c;--bg:#fbfaf6;--accent:#2f6b4f}
@media (prefers-color-scheme:dark){:root{--ink:#eef2ef;--muted:#a9b5ae;--bg:#121614;--accent:#7cc4a0}}
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:48px 20px 80px}
h1{font-size:2rem;margin:0 0 4px}h2{font-size:1.2rem;margin-top:2em}
.muted{color:var(--muted)}a{color:var(--accent)}nav a{margin-right:16px}