/* ЛОКАЛЬНЫЙ СЛОЙ — полоса цифр под первым экраном.
   Показатели разделены хайрлайном по правому краю, как в макете: четыре
   разных факта, и без линии они читаются одной строкой. */

.zw-stats {
  background: var(--surface-sunken);
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  padding-block: var(--sp-6);
}

.zw-stats__grid {
  display: grid;
  /* доли колонок как в макете: подписи разной длины */
  grid-template-columns: 0.8fr 1.3fr 0.9fr 1fr;
  gap: 0;
}

.zw-stats__item {
  display: flex;
  flex-direction: column;
  gap: var(--sp-1);
  padding-inline: clamp(var(--sp-4), 2vw, var(--sp-6));
}

.zw-stats__item:first-child { padding-inline-start: 0; }
.zw-stats__item:last-child { padding-inline-end: 0; }
.zw-stats__item:not(:last-child) { border-inline-end: 1px solid var(--line); }

.zw-stats__label {
  font-family: var(--font-mono);
  font-size: var(--size-caption);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--ink-muted);
  text-wrap: balance;
}

a.zw-stats__item:hover .zw-stats__label { color: var(--accent-ink); }

@media (max-width: 1000px) {
  .zw-stats__grid { grid-template-columns: repeat(2, 1fr); gap: var(--sp-5) 0; }
  .zw-stats__item:nth-child(odd) { padding-inline-start: 0; }
  .zw-stats__item:nth-child(even) { border-inline-end: 0; }
}

@media (max-width: 520px) {
  .zw-stats__grid { grid-template-columns: 1fr; gap: var(--sp-4); }
  .zw-stats__item { padding-inline: 0; border-inline-end: 0; }
  .zw-stats__item + .zw-stats__item { padding-top: var(--sp-4); border-top: 1px solid var(--line); }
}