/* Базовая адаптивность: прокрутка, без горизонтального overflow на любой ширине */

html {
  overflow-x: hidden;
  overflow-y: scroll;
}

body {
  overflow-x: hidden;
  width: 100%;
  max-width: 100%;
}

.page {
  width: 100%;
  max-width: 100%;
  min-height: 100vh;
  min-height: 100dvh;
  overflow-x: clip;
}

.main,
.site-footer,
.community-intro,
.community-cards,
.community-subscribe,
.community-join,
.community-contribute,
.hero-community,
.home-hero {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

.community-cards__grid,
.community-contribute__grid,
.community-subscribe__inner,
.community-join__inner,
.community-intro__inner,
.community-intro__row {
  min-width: 0;
}

/* Меню открыто — блокируем фон на мобилке */
@media (max-width: 687px) {
  html.is-menu-open,
  body.is-menu-open {
    overflow: hidden;
    touch-action: none;
    overscroll-behavior: none;
  }
}