:root {
  --stat-summary-background: var(--color-muted);
  --stat-summary-padding: var(--space-3) var(--space-4);
  --stat-summary-gap: var(--space-6);
  --stat-summary-radius: var(--radius-8);
  --stat-summary-default-columns: repeat(auto-fit, minmax(min(100%, var(--size-140)), 1fr));
  --stat-summary-label-font: var(--font-type-eyebrow);
  --stat-summary-value-font: var(--font-type-value);
}
.stat-summary { --stat-summary-columns: var(--stat-summary-default-columns); }
.stat-summary {
  display: grid;
  grid-template-columns: var(--stat-summary-columns);
  gap: var(--stat-summary-gap);
  margin: 0;
  padding: var(--stat-summary-padding);
  background: var(--stat-summary-background);
  border-radius: var(--stat-summary-radius);
}
.stat-summary > div { min-inline-size: 0; }
.stat-summary dt { font: var(--stat-summary-label-font); color: var(--color-muted-foreground); text-transform: uppercase; }
.stat-summary dd { margin: 0; font: var(--stat-summary-value-font); color: var(--color-foreground); overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }