/* supplement.css — правки вёрстки/видимости для этого сайта (заполняется в Фазе 4 при необходимости) */
html { scroll-behavior: auto; }

/* Шаг 17: sitewide-ссылки внутри футера наследовали глобальный a{color:#8a7242},
   совпадающий с фоном футера (#8a7242) — текст сливался (stdev=0.0). Задаём
   контраст как у остальных ссылок футера (белый на коричневом). */
.romlifooter a { color: #fff; }
.romlifooter a:hover { color: #bfa982; }

/* Мобильное меню: кнопка-гамбургер и раскрытие nav (Gatsby React не гидратирует статические PHP-страницы).
   Не задавать position:relative на .header-navlinks — иначе absolute-кнопка якорится
   к контейнеру с height:0 под логотипом и обрезается .header{overflow:hidden}. */
@media (max-width: 767px) {
  .eNqBey .header-navlinks-button {
    z-index: 10;
    cursor: pointer;
    touch-action: manipulation;
  }

  .eNqBey .header-navlinks.show {
    height: auto;
    min-height: 120px;
  }
}

/* Страницы статей: убираем горизонтальный скролл на мобильных */
@media (max-width: 767px) {
  .page-article .jsHzYY .breadcrumbs-items {
    width: 100%;
    max-width: 100%;
  }

  .page-article .jKZZbq .article-column-wrapper,
  .page-article .jKZZbq .article-left-column,
  .page-article .jKZZbq .article-right-column {
    min-width: 0;
    max-width: 100%;
  }

  .page-article .dHVPeo .article-wrapper {
    overflow-x: hidden;
  }

  .page-article .dHVPeo .article-wrapper h1 {
    overflow-wrap: anywhere;
  }

  .page-article .vcqvsw {
    overflow-wrap: anywhere;
    word-break: break-word;
    max-width: 100%;
  }

  .page-article .vcqvsw table {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .page-article .vcqvsw pre {
    max-width: 100%;
    white-space: pre-wrap;
    word-break: break-word;
  }

  .page-article .vcqvsw iframe,
  .page-article .vcqvsw video,
  .page-article .vcqvsw embed {
    max-width: 100%;
  }

  .page-article .jviWYD .articles-recommended-article-title,
  .page-article .jviWYD .articles-recommended-article-title a {
    overflow-wrap: anywhere;
  }
}
