/* ==========================================================
   Stat Component — Key metric display
   ========================================================== */

.stat {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: var(--space-md);
}

.stat-value {
  font-size: var(--font-2xl);
  font-weight: var(--weight-bold);
  color: var(--tg-theme-text-color);
  line-height: 1.2;
}

.stat-label {
  font-size: var(--font-sm);
  color: var(--tg-theme-hint-color);
  margin-top: var(--space-xs);
}

/* --- Grid layout for stat pairs (2 columns) --- */

.stat-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-sm);
}