/* Layout block stat_highlight. Source: docs/design/referenz/04-bausteine.html, 02-artikel.html. */
.stat { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; align-items: center; padding-block: 20px; border-top: 2px solid var(--ink); border-bottom: 1px solid var(--line); }
.stat .num { font-family: var(--f-display); font-weight: 900; font-size: 64px; line-height: .9; letter-spacing: -.03em; font-variant-numeric: tabular-nums; }
.stat .num small { display: inline-block; margin-left: 8px; font-size: 14px; font-weight: 700; letter-spacing: 0; margin-top: 6px; color: var(--ink-2); }
.stat p { font-size: 15px; color: var(--ink-2); }
.stat cite { display: block; font-style: normal; font-size: 11px; color: var(--ink-3); margin-top: 6px; }
.stat cite a { color: inherit; text-underline-offset: 2px; }

@container page (min-width: 900px) {
  .stat { grid-template-columns: auto minmax(0, 1fr); gap: 28px; }
  .stat .num { font-size: 96px; }
  .stat .num small { display: block; margin-left: 0; }
  .stat p { font-size: 17px; }
}