/* Правки верстки поверх bundle.css (оригинал Битрикса не меняем). */

/* Главная, блок статистики (30-59 лет / 70% / в 60%): у оригинала колонки по 234px, а текст 251px, и число не переносится –
   на 1025–1536px колонки слипаются и налезают друг на друга. Делим ширину поровну с зазором, число уменьшаем на узких. */
@media (min-width: 577px) and (max-width: 1599px) {
  .problem__stats { grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 32px; }
  .problem__stat, .problem__stat-text, .problem__stat:last-child .problem__stat-text { width: auto; }
}
@media (min-width: 1025px) and (max-width: 1440px) {
  .problem__stat-num { font-size: clamp(34px, 3.2vw, 47px); }
  .problem__stat-num span { font-size: clamp(20px, 1.85vw, 27px); }
}

/* Мобильные: у оригинала страница ездит вбок. */
/* Статьи: длинные ссылки в тексте («Источник: http://…») не переносились. */
.article__body { overflow-wrap: break-word; }
/* Статьи: таблица шире экрана – прокручивается сама, а не вся страница. */
.article__body table { display: block; max-width: 100%; overflow-x: auto; }
/* Автор: длинная фамилия растягивала страницу (flex-элемент не сжимался уже своего содержимого). */
.author-detail { width: 100%; min-width: 0; }
@media (max-width: 576px) {
  .main[data-page=authors] .author-profile__name { font-size: clamp(20px, 5.6vw, 28px); overflow-wrap: break-word; }
}