:root{color-scheme:light dark;--paper:#F3EEE4;--ink:#1C140E;--muted:#7A6E62;--orange:#E07A3D;--card:#FFFBF6}
@media(prefers-color-scheme:dark){:root{--paper:#14110E;--ink:#F3EEE4;--muted:#B3A89C;--orange:#E08A4A;--card:#221C16}}
body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif}
main{max-width:680px;margin:0 auto;padding:48px 24px 80px}
h1{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:44px;margin:0 0 8px}
h2{font-size:22px;margin:36px 0 8px}
p,li{color:var(--ink)}
.muted{color:var(--muted)}
a{color:var(--orange)}
nav a{margin-right:18px}
footer{margin-top:56px;color:var(--muted);font-size:14px}
.card{background:var(--card);border-radius:16px;padding:20px 24px;margin:24px 0}