html, body {
  margin: 0;
  min-height: 100%;
  background: #f4f3ee;
  color: #1e221c;
  font: 16px/1.5 ui-sans-serif, system-ui, sans-serif;
}
main {
  padding: 40px 24px 72px;
  max-width: 52rem;
  margin: 0 auto;
}
.kicker {
  letter-spacing: 0.04em;
  text-transform: uppercase;
  font-size: 0.75rem;
  color: #6d7268;
}
h1 { font-size: 1.75rem; line-height: 1.25; margin: 0.4em 0 0.6em; }
h2 { font-size: 1.15rem; margin-top: 1.8em; }
.lead { color: #3a3f38; }
.years {
  display: grid;
  gap: 12px;
  grid-template-columns: 1fr;
  margin: 1.5rem 0;
}
@media (min-width: 720px) {
  .years { grid-template-columns: repeat(3, 1fr); }
}
.years article {
  background: #fff;
  border: 1px solid #d9d6cc;
  border-radius: 10px;
  padding: 16px 18px;
}
.count { font-size: 1.6rem; font-weight: 700; margin: 0.2em 0; }
.range, .mw { margin: 0.25em 0; color: #4a4f47; font-size: 0.95rem; }
.check { display: block; color: #6d7268; font-size: 0.82rem; margin-top: 0.35em; }
table { width: 100%; border-collapse: collapse; font-size: 0.88rem; }
th, td { border: 1px solid #d9d6cc; padding: 8px; text-align: left; vertical-align: top; }
th { background: #eceae3; }
.disclaimer { color: #6d7268; font-size: 0.9rem; }
a { color: #1a4f8b; }