:root { --bg:#ffffff; --fg:#1a1a1a; --muted:#666; --accent:#16A357; --rule:#e5e5e5; }
* { box-sizing: border-box; }
body {
  margin: 0 auto; padding: 24px; max-width: 720px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  color: var(--fg); background: var(--bg); line-height: 1.6; font-size: 17px;
}
h1 { font-size: 1.6rem; margin: 0 0 .25em; }
h2 { font-size: 1.25rem; margin: 1.6em 0 .4em; }
h3 { font-size: 1.05rem; margin: 1.2em 0 .3em; }
a { color: var(--accent); }
hr { border: none; border-top: 1px solid var(--rule); margin: 2em 0; }
.meta { color: var(--muted); font-size: .95rem; }
blockquote {
  margin: 1em 0; padding: .5em 1em;
  border-left: 3px solid var(--accent); background: #f6faf7; color: #333;
}
ul { padding-left: 1.2em; }
footer { margin-top: 3em; color: var(--muted); font-size: .85rem; text-align: center; }
@media (prefers-color-scheme: dark) {
  :root { --bg:#0D0D14; --fg:#ECECEC; --muted:#9a9a9a; --rule:#26262e; }
  blockquote { background:#15151d; color:#cfcfcf; }
}