:root { --bg:#f7f5f0; --text:#1b2430; --muted:#5b6573; --line:#e3e0d8; --accent:#c2410c; --navy:#1f3a5f; }
@media (prefers-color-scheme: dark) {
  :root { --bg:#12161c; --text:#e8eaee; --muted:#9aa3b0; --line:#2a313c; --accent:#f97316; --navy:#93b4dc; }
}
* { box-sizing: border-box; }
body { margin: 0; background: var(--bg); color: var(--text); font: 17px/1.65 Inter, system-ui, sans-serif; }
main { max-width: 720px; margin: 0 auto; padding: 24px 16px 72px; }
.logo { font-weight: 800; font-size: 20px; letter-spacing: -.02em; color: var(--navy); text-decoration: none; }
.logo span { color: var(--accent); }
h1 { font-size: clamp(28px, 4vw, 38px); letter-spacing: -.02em; line-height: 1.15; margin: 40px 0 6px; }
h2 { font-size: 20px; margin: 36px 0 8px; }
.date { color: var(--muted); font-size: 14px; margin: 0; }
p, li { color: var(--text); }
ul { padding-left: 22px; }
li { margin: 6px 0; }
a { color: var(--accent); }
.back { margin-top: 48px; padding-top: 20px; border-top: 1px solid var(--line); font-size: 15px; }