/* ------------------------------------------------------------------ Ширина и масштаб
   Владелец: контентная часть 1160 → 1440, шрифты и расстояния чуть крупнее.
   Меняем не отдельные страницы, а общий контейнер и корневой кегль: все rem-токены
   (шрифты, отступы) растут вместе, поэтому новая страница не выбивается из старых. */
html { font-size: 109.375%; } /* 17,5px вместо 16: +9,4 % ко всем rem-размерам */

.container { max-width: var(--container); }
@media (min-width: 1440px) { .container { padding: 0 32px; } }

/* Шапка: чуть выше, заметнее, без «треугольников» у пунктов меню. */
.header { background: var(--paper); border-bottom-color: var(--line-300); box-shadow: 0 1px 0 rgba(19, 23, 14, 0.04); }
.header__inner { min-height: 78px; gap: 26px; }
.header .brand { --brand-size: 25px; }
.header__nav { gap: 6px; }
.header__link,
.mega-trigger { padding: 12px 14px; font-size: var(--step-15); font-weight: 580; }
.header__link:hover, .mega-trigger:hover { background: var(--lime-050); }
/* Треугольники убираем: они читались как «ещё одна кнопка» и спорили со стрелками
   в карточках. Панель по-прежнему открывается по клику и наведению. */
.mega-trigger .mega-caret { display: none; }
.mega-trigger { gap: 0; }

/* Секции: больше воздуха между блоками. */
.section { padding: 52px 0; }
@media (min-width: 960px) { .section { padding: 84px 0; } }
.hero { padding: 52px 0 40px; }

/* Фильтры: количество не должно прилипать к полосе прокрутки.
   Запас справа и стабильный жёлоб скролла — иначе нули уезжают под полосу. */
.filters__list {
  padding-right: 14px;
  scrollbar-gutter: stable;
}
.filters__list label { padding-right: 6px; }
.filters__count { margin-right: 2px; }

/* Подвал: шире, просторнее, пять колонок на большом экране. */
.footer { margin-top: 88px; padding: 64px 0 34px; }
.footer__grid { gap: 40px; }
.footer__list { font-size: var(--step-14); }
.footer__list li { margin-bottom: 10px; }
@media (min-width: 1400px) {
  .footer__grid { grid-template-columns: 1.35fr repeat(5, minmax(0, 1fr)); }
}

/* Команда компании: пять колонок с длинными подписями. На планшете таблица
   должна прокручиваться, а не сжимать колонки до нечитаемого состояния. */
@media (max-width: 1100px) { .table--team { min-width: 1020px; } }

/* Длинные почты и имена не должны растягивать таблицу за рамку: переносим. */
.table th, .table td { overflow-wrap: anywhere; }