:root {
  --bg: #fbf8f1;
  --ink: #2b2a27;
  --muted: #6b665c;
  --accent: #8e2230;
  --rule: #e4ddcf;
}
@media (prefers-color-scheme: dark) {
  :root { --bg: #1d1b18; --ink: #ece7dc; --muted: #b3ab9c; --accent: #e08a95; --rule: #3a362f; }
}
* { box-sizing: border-box; }
body {
  margin: 0;
  background: var(--bg);
  color: var(--ink);
  font: 17px/1.6 Georgia, "Iowan Old Style", "Palatino Linotype", serif;
}
main { max-width: 680px; margin: 0 auto; padding: 48px 16px 64px; }
h1 { font-weight: normal; font-size: 2.2rem; color: var(--accent); margin: 0 0 4px; }
h2 { font-size: 1.15rem; margin: 2rem 0 0.4rem; }
p, li { margin: 0 0 0.8rem; }
a { color: var(--accent); }
.tag { color: var(--muted); letter-spacing: 0.12em; text-transform: uppercase; font-size: 0.8rem; margin-bottom: 2rem; }
ul.links { list-style: none; padding: 0; }
ul.links li { padding: 10px 0; border-bottom: 1px solid var(--rule); }
footer { margin-top: 3rem; padding-top: 1rem; border-top: 1px solid var(--rule); color: var(--muted); font-size: 0.9rem; }