:root { --bg:#ffffff; --ink:#111111; --ink2:#3c3c43; --ink3:#8a8a8e; --rule:#e5e5ea; }
@media (prefers-color-scheme: dark) { :root { --bg:#000000; --ink:#f5f5f7; --ink2:#c7c7cc; --ink3:#8e8e93; --rule:#2c2c2e; } }
* { box-sizing:border-box; }
body { margin:0; background:var(--bg); color:var(--ink);
  font:17px/1.5 -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Arial, sans-serif;
  -webkit-font-smoothing:antialiased; }
main { max-width:640px; margin:0 auto; padding:64px 20px 48px; }
h1 { font-size:34px; line-height:1.15; margin:0 0 8px; letter-spacing:-0.02em; }
h2 { font-size:17px; margin:32px 0 6px; }
p { margin:0; color:var(--ink2); }
.date { font-size:13px; color:var(--ink3); margin-bottom:24px; }
.lead { font-size:19px; color:var(--ink); }
footer { max-width:640px; margin:0 auto; padding:24px 20px 48px; border-top:1px solid var(--rule); font-size:13px; color:var(--ink3); }
footer a, a { color:inherit; }
.home { min-height:100vh; display:flex; flex-direction:column; justify-content:center; }
.home h1 { font-size:44px; }
.home nav { margin-top:32px; font-size:15px; color:var(--ink3); }
.home nav a { margin-right:20px; }