:root {
  --bg: #fbfaf7;
  --fg: #1d1d1b;
  --muted: #5f5d57;
  --rule: #dedbd3;
  --link: #8a4b1c;
}
@media (prefers-color-scheme: dark) {
  :root {
    --bg: #121416;
    --fg: #e6e4de;
    --muted: #a3a09a;
    --rule: #2c3034;
    --link: #e0a372;
  }
}
* { box-sizing: border-box; }
html { background: var(--bg); color: var(--fg); }
body {
  margin: 0;
  font: 17px/1.6 Georgia, "Times New Roman", serif;
}
main { max-width: 38rem; margin: 0 auto; padding: 4rem 1rem 3rem; }
h1 { font-size: 2.4rem; line-height: 1.15; margin: 0 0 .5rem; font-weight: normal; }
h2 {
  font: 600 .8rem/1.4 system-ui, sans-serif;
  letter-spacing: .08em; text-transform: uppercase;
  color: var(--muted); margin: 2.5rem 0 .5rem;
}
.lede { color: var(--muted); margin-top: 0; }
.nowrap { white-space: nowrap; }
table { border-collapse: collapse; width: 100%; font-variant-numeric: tabular-nums; }
th, td { text-align: left; padding: .4rem 0; border-bottom: 1px solid var(--rule); vertical-align: top; }
th { font-weight: normal; color: var(--muted); padding-right: 1rem; }
a { color: var(--link); }
.source { margin-top: 3rem; font-size: .9rem; color: var(--muted); }