/* 03 Regulation: the rules set as ledger rows, figure on the left and meaning on the right,
   each row opened by a stamped checkpoint. Footnoted sources sit underneath. */
.stats__list { grid-column: 4 / -1; margin-top: 44px; }
.stat {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 4fr) minmax(0, 5fr);
  column-gap: var(--gutter);
  align-items: baseline;
  padding: 28px 0 24px;
  border-top: 1px solid var(--line);
}
.stat:last-child { border-bottom: 1px solid var(--line); }
.stat__num {
  padding-left: 26px;
  font-family: var(--serif);
  font-size: var(--fs-stat);
  font-weight: 300;
  line-height: 1;
  letter-spacing: -0.04em;
}
.stat__clip { display: block; overflow: hidden; padding-bottom: .08em; }
.stat__value { display: inline-block; }
.stat__value small {
  margin-left: .1em;
  font-family: var(--sans);
  font-size: .36em;
  font-weight: 400;
  letter-spacing: -0.02em;
}
.stat__label {
  max-width: 420px;
  font: 400 clamp(19px, 1.7vw, 25px)/1.15 var(--sans);
  letter-spacing: -0.03em;
}
.fn-ref {
  display: inline-block;
  padding: 6px 4px;
  margin: -6px -2px -6px 0;
  font-size: 12px;
  letter-spacing: 0;
  text-decoration: none;
}
.fn-ref:hover { text-decoration: underline; }

.stats__notes {
  grid-column: 4 / -1;
  margin-top: 28px;
  color: var(--ink-2);
  font: 400 11px/1.45 var(--sans);
  letter-spacing: -0.01em;
}
.stats__notes p + p { margin-top: 2px; }
.stats__notes span { margin-right: 6px; }
.stats__notes span:target { background: var(--mist); }
.stats__notes a { text-underline-offset: 2px; }

@media (max-width: 767px) {
  .stats__list, .stats__notes { grid-column: 1 / -1; }
  .stats__list { margin-top: 32px; }
  .stat { grid-template-columns: 1fr; row-gap: 10px; padding: 24px 0 22px; }
  .stat__num { padding-left: 22px; }
  .stat__label { padding-left: 22px; }
}