:root { --green: #104f2c; --green-bright: #4ade80; --ink: #0f172a; --muted: #64748b; --bg: #f8fafc; }
* { box-sizing: border-box; }
body { margin: 0; font-family: system-ui, -apple-system, "Segoe UI", sans-serif; color: var(--ink); background: var(--bg); line-height: 1.65; }
header { background: var(--green); color: #fff; padding: 28px 20px; }
header .wrap, main { max-width: 760px; margin: 0 auto; padding: 0 4px; }
header a { color: #fff; text-decoration: none; font-weight: 800; font-size: 20px; letter-spacing: -0.3px; }
header .spark { color: var(--green-bright); }
nav a { color: #d1fae5; font-size: 14px; margin-right: 16px; text-decoration: none; }
main { padding: 28px 20px 64px; }
h1 { font-size: 30px; letter-spacing: -0.5px; margin-bottom: 4px; }
h2 { font-size: 19px; margin-top: 32px; }
p, li { font-size: 15.5px; color: #1e293b; }
.updated { color: var(--muted); font-size: 13.5px; }
footer { color: var(--muted); font-size: 13px; text-align: center; padding: 24px; }
a { color: #047857; }
.tagline { color: #d1fae5; font-size: 14px; margin-top: 4px; }