:root {
  --bg:#FAF7F2; --surface:#FFFFFF; --ink:#2A2724; --muted:#8E8A85;
  --accent:#C97B6D; --border:rgba(42,39,36,.1);
}
@media (prefers-color-scheme: dark) {
  :root { --bg:#0B0B0F; --surface:#15151C; --ink:#F5EDE3; --muted:#8E8A85;
          --accent:#FFB86B; --border:rgba(245,237,227,.12); }
}
* { box-sizing:border-box }
body { margin:0; background:var(--bg); color:var(--ink);
  font:17px/1.65 -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif; }
.wrap { max-width:660px; margin:0 auto; padding:48px 22px 80px }
.brand { color:var(--accent); font-weight:700; letter-spacing:.02em; text-decoration:none; font-size:15px }
h1 { font-size:30px; margin:10px 0 4px; text-wrap:balance }
.date { color:var(--muted); font-size:14px; margin:0 0 28px }
h2 { font-size:19px; margin:30px 0 8px }
p, li { color:var(--ink) }
li { margin:6px 0 }
.lead { font-size:19px }
.card { background:var(--surface); border:1px solid var(--border); border-radius:16px;
        padding:18px 20px; margin:20px 0 }
a { color:var(--accent) }
footer { margin-top:44px; padding-top:18px; border-top:1px solid var(--border);
         color:var(--muted); font-size:13.5px }