/* Layout block stats_grid. Source: docs/design/referenz/04-bausteine.html. */
.sgrid-h { font-size: 18px; font-weight: 800; margin-bottom: 12px; scroll-margin-top: 80px; }
.sgrid-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; background: var(--line); border-top: 2px solid var(--ink); border-bottom: 1px solid var(--line); }
.sgrid-row > div { background: var(--bg); padding: 14px 12px 14px 0; display: flex; flex-direction: column; gap: 6px; }
.sgrid-row > div:nth-child(even) { padding-left: 14px; }
/* Odd counts: the last number spans the row instead of leaving an empty cell. */
.sgrid-n1 > div:last-child,
.sgrid-n3 > div:last-child { grid-column: 1 / -1; }
.sgrid .v { font-family: var(--f-display); font-weight: 900; font-size: 40px; line-height: .95; letter-spacing: -.02em; font-variant-numeric: tabular-nums; }
.sgrid .v small { font-size: .45em; font-weight: 700; margin-left: 3px; letter-spacing: 0; }
.sgrid .l { font-size: 13px; color: var(--ink-2); line-height: 1.35; }
.sgrid cite { display: block; font-style: normal; font-size: 11px; color: var(--ink-3); margin-top: 8px; }

@container page (min-width: 900px) {
  .sgrid-row { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .sgrid-n3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .sgrid-n3 > div:last-child { grid-column: auto; }
  .sgrid-row > div,
  .sgrid-row > div:nth-child(even) { padding: 16px 14px; }
  .sgrid-row > div:first-child { padding-left: 0; }
  .sgrid .v { font-size: 48px; }
}