:root{--bg:#f4efe3;--card:#fffdf7;--ink:#2f3a2a;--muted:#5d6655;--accent:#526d45;--line:#d9ccb2}
@media (prefers-color-scheme:dark){:root{--bg:#1c2620;--card:#243129;--ink:#ece6d6;--muted:#b7b29f;--accent:#9cc28a;--line:#3b4a3f}}
*{box-sizing:border-box}
body{margin:0;overflow-wrap:anywhere;overflow-x:hidden;background:var(--bg);color:var(--ink);font:17px/1.6 Georgia,"Times New Roman",serif}
main{max-width:760px;margin:0 auto;padding:48px 20px 64px}
header{margin-bottom:28px}
header a.home{color:var(--accent);text-decoration:none;font-weight:bold;letter-spacing:.02em}
h1{font-size:2.2rem;line-height:1.2;margin:.2em 0 .3em}
h2{font-size:1.3rem;margin:2em 0 .4em}
p,li{color:var(--ink)}
.lede{font-size:1.15rem;color:var(--muted)}
.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:20px 24px;margin:20px 0}
a{color:var(--accent)}
ul{padding-left:1.2em}
footer{margin-top:48px;padding-top:16px;border-top:1px solid var(--line);font-size:.9rem;color:var(--muted)}
footer a{margin-right:16px}