:root { --fg: #1d1d1f; --muted: #6e6e73; --line: #d2d2d7; --bg: #ffffff; --link: #0e7a4a; }
@media (prefers-color-scheme: dark) { :root { --fg: #f5f5f7; --muted: #a1a1a6; --line: #3a3a3c; --bg: #0b0d14; --link: #2fd681; } }
* { box-sizing: border-box; }
body { margin: 0; background: var(--bg); color: var(--fg); font: 17px/1.55 Inter, -apple-system, system-ui, sans-serif; -webkit-font-smoothing: antialiased; }
main { max-width: 680px; margin: 0 auto; padding: 56px 20px 80px; }
a { color: var(--link); }
.back { font-size: 15px; text-decoration: none; }
h1 { font-size: 40px; line-height: 1.1; letter-spacing: -0.03em; margin: 28px 0 6px; }
h2 { font-size: 22px; letter-spacing: -0.015em; margin: 36px 0 8px; }
.date { color: var(--muted); margin: 0 0 28px; }
li { margin: 6px 0; }
.lede { font-size: 19px; }