:root{--paper:#f4efe4;--raised:#fbf8f1;--ink:#1a2235;--muted:#545e76;--indigo:#263759;--line:#e2dccd}
@media (prefers-color-scheme:dark){:root{--paper:#121829;--raised:#1b2236;--ink:#f2eee4;--muted:#a9b2c6;--indigo:#9db1dc;--line:#2c3550}}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif}
main{max-width:680px;margin:0 auto;padding:48px 20px 80px}
h1,h2{font-family:"Newsreader",Georgia,"Times New Roman",serif;font-weight:500;line-height:1.2}
h1{font-size:40px;margin:0 0 8px}h2{font-size:24px;margin:36px 0 8px}
p,li{color:var(--ink)}.muted{color:var(--muted)}a{color:var(--indigo)}
.card{background:var(--raised);border:1px solid var(--line);border-radius:14px;padding:16px 20px;margin:16px 0}
nav{display:flex;gap:16px;margin-bottom:32px;font-size:15px}nav a{text-decoration:none;font-weight:600}
ul{padding-left:22px}