:root {
  --bg: #f6f8fc;
  --ink: #0b1630;
  --ink2: #47536b;
  --accent: #1f5fe0;
  --line: #dde3ee;
}
@media (prefers-color-scheme: dark) {
  :root { --bg: #070c1d; --ink: #eef3ff; --ink2: #a7b3cc; --accent: #9fd4ff; --line: #1f2a45; }
}
* { box-sizing: border-box; }
body {
  margin: 0;
  background: var(--bg);
  color: var(--ink);
  font: 17px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
main { max-width: 720px; margin: 0 auto; padding: 32px 16px 64px; }
header { display: flex; gap: 16px; align-items: center; margin-bottom: 24px; }
header img { border-radius: 14px; }
h1 { font-size: 28px; margin: 0; }
.h1-small { font-size: 24px; margin-top: 8px; }
.sub { margin: 2px 0 0; color: var(--ink2); }
h2 { font-size: 20px; margin-top: 32px; }
h3 { font-size: 17px; margin: 24px 0 4px; }
p, li { color: var(--ink); }
.date { color: var(--ink2); font-size: 15px; }
a { color: var(--accent); }
hr { border: 0; border-top: 1px solid var(--line); margin: 48px 0 24px; }