/* Base layout + type — brand decoration in templates/<tpl>/blocks/stats/css/style.css */

.px-stats__head {
  margin-bottom: var(--px-gap-xl);
}

.px-stats__head .px-sec-desc {
  max-width: 36rem;
  margin-bottom: 0;
}

.px-stats__inner.text-center .px-stats__head .px-sec-desc {
  margin-inline: auto;
}

.px-stats__inner.text-end .px-stats__head .px-sec-desc {
  margin-inline-start: auto;
}

.row.px-stats__grid {
  --t4-gutter-x: var(--px-gap);
  --t4-gutter-y: var(--px-gap-lg);
  --bs-gutter-x: var(--px-gap);
  --bs-gutter-y: var(--px-gap-lg);
}

.px-stats__item {
  height: 100%;
  padding-top: var(--px-gap);
  border-top: 1px solid var(--px-color-border);
}

.px-stats__value {
  margin: 0 0 var(--px-gap-xs);
  font-family: var(--px-font-display, var(--heading-font-family, inherit));
  font-size: clamp(2.5rem, 5vw, 4rem);
  font-weight: var(--heading-font-weight, 700);
  line-height: 1;
  letter-spacing: -0.03em;
  font-variant-numeric: tabular-nums;
  color: var(--px-ink-strong);
}

.px-stats__suffix {
  color: var(--px-color-primary);
}

.px-stats__label {
  margin: 0;
  font-size: var(--px-fs-xs);
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--px-color-muted);
}

.px-stats__desc {
  margin: var(--px-gap-xs) 0 0;
  font-size: var(--px-fs-sm);
  color: var(--px-color-muted);
}