:root { --ink:#16201b; --muted:#5b6b62; --accent:#2f9e63; --soft:#ddf3e6; --bg:#fff; }
@media (prefers-color-scheme: dark) {
  :root { --ink:#eef4f0; --muted:#a3b3aa; --accent:#4cc785; --soft:#16281f; --bg:#0f1713; }
}
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--ink);
  font:16px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; }
header { background:linear-gradient(180deg,var(--soft),var(--bg)); padding:40px 20px 24px; }
.wrap { max-width:680px; margin:0 auto; padding:0 20px; }
header .wrap { padding:0; }
.brand { font-weight:700; letter-spacing:.3px; color:var(--accent); text-decoration:none; font-size:18px; }
h1 { font-size:32px; line-height:1.15; margin:18px 0 6px; }
h2 { font-size:18px; margin:28px 0 6px; }
p { margin:0 0 12px; color:var(--muted); }
.lead { font-size:18px; }
a { color:var(--accent); }
.updated { font-size:14px; }
footer { border-top:1px solid var(--soft); margin-top:48px; padding:24px 0 48px; font-size:14px; color:var(--muted); }
footer a { margin-right:16px; }