:root {
  color-scheme: light dark;
  --fg: #1b1f24;
  --muted: #5c6570;
  --bg: #ffffff;
  --line: #e3e7eb;
  --ok: #1a7f45;
}
@media (prefers-color-scheme: dark) {
  :root { --fg: #e6e8ea; --muted: #9aa3ad; --bg: #14171a; --line: #262b30; --ok: #4ec27f; }
}
* { box-sizing: border-box; }
body {
  margin: 0;
  padding: 3rem 1.25rem;
  background: var(--bg);
  color: var(--fg);
  font: 15px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
}
main, footer { max-width: 46rem; margin: 0 auto; }
h1 { font-size: 1.6rem; margin: 0 0 .5rem; }
h2 { font-size: 1.05rem; margin: 2rem 0 .5rem; }
.lead { color: var(--muted); margin-top: 0; }
table { border-collapse: collapse; width: 100%; margin-top: 1rem; }
th, td { text-align: left; padding: .55rem .5rem; border-bottom: 1px solid var(--line); }
th { font-weight: 600; color: var(--muted); font-size: .82rem; text-transform: uppercase; letter-spacing: .04em; }
.ok { color: var(--ok); }
footer { margin-top: 3rem; padding-top: 1rem; border-top: 1px solid var(--line); color: var(--muted); font-size: .85rem; }