/*
 * Поток страницы: колонка секций без переноса.
 *
 * КОРЕНЬ (найден заходом hero-контраста 10.09, вылечен 20.09). Глобальные
 * стили ставят `flex-wrap: wrap` каждой flex-группе (`.is-layout-flex`),
 * включая `main` — вертикальную колонку секций страницы. Переносить
 * колонке некуда (высота у main не ограничена), пользы у wrap здесь нет,
 * а вред есть: у многострочного флекса `stretch` работает по строкам, и
 * ширина КАЖДОЙ секции становится равной самому широкому ребёнку
 * страницы. Один жёсткий блок (фото с шириной в атрибуте, лента
 * карточек) — и все секции шире экрана: у мобильной главной был
 * горизонтальный скролл, герой резался краем вместе с текстом.
 *
 * ПОЧЕМУ НЕ ЧИНИМ САМ `.is-layout-flex`. Глобальное правило принадлежит
 * базе и живёт у КАЖДОЙ flex-группы; горизонтальным группам перенос
 * нужен. Лечим только вертикальную колонку страницы — `main`.
 *
 * ВТОРАЯ ПОЛОВИНА — РАСПОРНЫЙ БЛОК КОЛОНОК (`uc-column`, раскладка «как
 * на /about/»). Секция — сама флекс-группа с тем же wrap: её ребёнок не
 * ужимается, а «переносится» строкой своей ширины, и фото с width=853 в
 * атрибуте держало 853px на любом экране. `width: 100%` возвращает блок
 * в ширину секции; дальше max-width:100% картинок делает своё.
 *
 * Точечный фикс героя (`.mit-hero-scrim { width: 100% !important }` в
 * hero-contrast.css) лечил то же самое до корня; остаётся страховкой.
 *
 * Проверено 20.09 (стенд-iframe 390px и десктоп, программно): главная,
 * /about/, карточка, каталог, чекаут — на узком scrollWidth = ширине
 * окна, на десктопе геометрия секций не сдвинулась ни на пиксель.
 */

main.is-layout-flex {
  flex-wrap: nowrap;
}

.wp-block-columns.uc-column {
  width: 100%;
}