/* ============================================================
   STATS GRID — 4-column number/label/context (trust, impact)
   ============================================================ */

.stats-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0;
}

.stats-grid--bordered {
  border-top: 1px solid var(--color-border);
  border-bottom: 1px solid var(--color-border);
}

.stat {
  padding: var(--sp-xl) var(--sp-lg);
  border-right: 1px solid var(--color-border);
}

.stat:last-child { border-right: 0; }

.stat--first { padding-left: 0; padding-right: var(--sp-xl); }
.stat--last  { padding-right: 0; padding-left: var(--sp-xl); }

.stat__number {
  font-family: var(--font-sans);
  font-variant-numeric: tabular-nums;
  font-size: var(--fs-h1);
  color: var(--color-display);
  line-height: 1;
  font-weight: var(--fw-light);
  letter-spacing: -0.04em;
  margin-bottom: var(--sp-md);
}

.stat__number--mint { color: var(--color-mint); }
.stat__number--small { font-size: 48px; }

/* Color the unit/suffix differently */
.stat__unit {
  color: var(--color-secondary);
  font-size: 32px;
}

.stat__unit--mint-soft { color: var(--color-mint-soft); }
.stat__suffix-mint     { color: var(--color-mint); }

.stat__label {
  margin-bottom: var(--sp-xs);
}

.stat__context {
  margin: 0;
}