:root { --bg: #fbfaf7; --ink: #1d2540; --quiet: #5b6275; --line: #e3e1da; --link: #2b59c3; }
@media (prefers-color-scheme: dark) {
  :root { --bg: #1d2540; --ink: #f2f0ea; --quiet: #aab0c2; --line: #33406a; --link: #8fb0ff; }
}
* { 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; overflow-wrap: anywhere; }
header, main, footer { max-width: 42rem; margin: 0 auto; padding: 0 16px; }
header { padding-top: 24px; font-weight: 700; }
header .home { color: var(--ink); text-decoration: none; }
header .crumb { color: var(--quiet); font-weight: 400; }
h1 { font-size: 2rem; line-height: 1.2; margin: 1.5rem 0 .25rem; }
h2 { font-size: 1.25rem; margin-top: 2rem; }
.updated { color: var(--quiet); margin-top: 0; }
a { color: var(--link); }
footer { border-top: 1px solid var(--line); margin-top: 3rem; padding-bottom: 32px; color: var(--quiet); font-size: .95rem; }
table { border-collapse: collapse; width: 100%; font-size: .95rem; }
th, td { text-align: left; vertical-align: top; padding: 6px 8px; border-bottom: 1px solid var(--line); }