:root {
  --bg: #F7FAF3;
  --ink: #102C23;
  --muted: #3F5047;
  --accent: #006B37;
  --rule: #D6EDC0;
  color-scheme: light dark;
}
@media (prefers-color-scheme: dark) {
  :root {
    --bg: #102C23;
    --ink: #F0F5EE;
    --muted: #C2E3A6;
    --accent: #F6E936;
    --rule: #1B4535;
  }
}
* { box-sizing: border-box; }
body {
  margin: 0;
  background: var(--bg);
  color: var(--ink);
  font: 17px/1.6 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}
main { max-width: 680px; margin: 0 auto; padding: 40px 16px 64px; }
h1 { font-size: 1.9rem; line-height: 1.2; margin: 0 0 8px; }
h1 span { font-size: 1.2rem; font-weight: 600; color: var(--muted); }
h2 { font-size: 1.15rem; margin: 32px 0 6px; padding-top: 16px; border-top: 1px solid var(--rule); }
p { margin: 0 0 12px; }
a { color: var(--accent); }
.crumb { font-size: 0.9rem; margin-bottom: 24px; }
.meta { color: var(--muted); font-size: 0.95rem; }
.summary { font-weight: 600; font-size: 1.05rem; }