/* stats.css — row of key numbers (generated _HomeStats on home, About/_Numbers on /about). */

.stats {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--sp-3) var(--sp-5);
  margin: 0;
  padding: var(--sp-4) 0;
  list-style: none;
}

@media (min-width: 768px) {
  .stats { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--sp-7); }
}

.stats__item { display: flex; align-items: center; gap: var(--sp-2); font-size: var(--fs-sm); color: var(--text); }
.stats__item .bi { color: var(--primary); font-size: var(--icon-md); }
.stats__num { font-size: var(--fs-h3); color: var(--text-strong); font-variant-numeric: tabular-nums; }