:root {
  --ink: #0d2b36;
  --ink2: #587380;
  --sea: #0e8c92;
  --bg: #f2f8f8;
  color-scheme: light dark;
}
@media (prefers-color-scheme: dark) {
  :root { --ink: #e6f2f3; --ink2: #9db5bd; --sea: #4cc4c9; --bg: #0b1d24; }
}
body {
  margin: 0;
  background: var(--bg);
  color: var(--ink);
  font: 17px/1.55 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
main { max-width: 640px; margin: 0 auto; padding: 48px 16px 64px; }
h1 { font: 800 34px/1.15 ui-rounded, -apple-system, sans-serif; margin: 0 0 8px; }
h2 { font: 700 21px/1.3 ui-rounded, -apple-system, sans-serif; margin: 36px 0 8px; }
h3 { font-size: 17px; margin: 22px 0 4px; }
p, li { color: var(--ink2); }
.lead { font-size: 19px; color: var(--ink); }
.date, .crumb { font-size: 14px; margin: 0 0 20px; }
.links { margin-top: 40px; font-size: 15px; }
a { color: var(--sea); }