:root {
  color-scheme: light dark;
  --ink: #111;
  --dim: #555;
  --rule: #e3e3e3;
  --bg: #fff;
  --accent: #0a66ff;
}
@media (prefers-color-scheme: dark) {
  :root { --ink: #f2f2f2; --dim: #a5a5a5; --rule: #2a2a2a; --bg: #0b0b0c; --accent: #4a9bff; }
}
* { box-sizing: border-box; }
body {
  margin: 0 auto; padding: 56px 20px 96px; max-width: 46rem; background: var(--bg); color: var(--ink);
  font: 17px/1.65 -apple-system, BlinkMacSystemFont, "SF Pro Text", Segoe UI, Roboto, sans-serif;
}
header { border-bottom: 1px solid var(--rule); padding-bottom: 28px; margin-bottom: 36px; }
h1 { font-size: 2rem; letter-spacing: -0.02em; margin: 0 0 6px; }
h2 { font-size: 1.15rem; margin: 40px 0 10px; letter-spacing: -0.01em; }
p, li { color: var(--ink); }
.lede { color: var(--dim); margin: 0; font-size: 1.05rem; }
a { color: var(--accent); }
ul { padding-left: 1.2rem; }
li { margin: 7px 0; }
.note { color: var(--dim); font-size: 0.95rem; }
footer { margin-top: 56px; padding-top: 22px; border-top: 1px solid var(--rule); color: var(--dim); font-size: 0.92rem; }
nav a { margin-right: 18px; }