:root{--bg:#FBF8F4;--surface:#FFFFFF;--ink:#231F1C;--muted:#6B625B;--accent:#8A5A32;--accent2:#3F5A4A;--line:#E7E0D6}
@media (prefers-color-scheme:dark){:root{--bg:#17150F;--surface:#211E17;--ink:#F2EDE4;--muted:#A29A8D;--accent:#D4A574;--accent2:#6FBF9B;--line:#332E25}}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;
 line-height:1.62;padding:40px 20px 80px;-webkit-font-smoothing:antialiased}
.wrap{max-width:44rem;margin:0 auto}
nav{display:flex;gap:18px;align-items:baseline;flex-wrap:wrap;padding-bottom:18px;border-bottom:1px solid var(--line);margin-bottom:32px}
nav .brand{font-family:Georgia,"Times New Roman",serif;font-weight:700;font-size:18px;letter-spacing:-.01em}
nav a{color:var(--accent);text-decoration:none;font-size:14px;font-weight:500}
nav a:hover{text-decoration:underline}
h1{font-family:Georgia,"Times New Roman",serif;font-size:32px;font-weight:700;letter-spacing:-.02em;line-height:1.15;margin-bottom:8px}
h2{font-family:Georgia,"Times New Roman",serif;font-size:20px;font-weight:600;margin:34px 0 10px}
p,li{font-size:16px;color:var(--ink);margin-bottom:12px}
ul{padding-left:20px}
.lede{color:var(--muted);font-size:16px;margin-bottom:6px}
.updated{color:var(--muted);font-size:13px;margin-top:2px}
.card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:18px 20px;margin:20px 0}
.card p:last-child,.card li:last-child{margin-bottom:0}
strong{font-weight:700}
a{color:var(--accent)}
code{font-family:ui-monospace,Menlo,monospace;font-size:14px;background:var(--surface);border:1px solid var(--line);border-radius:5px;padding:1px 6px}
footer{margin-top:52px;padding-top:18px;border-top:1px solid var(--line);color:var(--muted);font-size:13px}