/*
  DSTRC Stability CSS (опционально)
  - Убирает глобальный горизонтальный скролл
  - Стабилизирует overflow (медиа, code/pre, длинные слова/URL)
  - Низкая специфичность через :where(), чтобы не мешать вашим стилям
*/

:where(html, body){
  max-inline-size: 100%;
}

/* Убираем глобальный горизонтальный скролл (частая причина: 100vw, длинные строки, абсолютные элементы) */
:where(html, body){
  overflow-x: clip;
}
@supports not (overflow: clip){
  :where(html, body){
    overflow-x: hidden;
  }
}

/* Flex/grid: чтобы дочерние элементы не выдавливали контейнер */
:where(#site-main, #dstrc-canvas, .entry-content, .dstrc-nav, .dstrc-footer-nav){
  min-width: 0;
}

/* Медиа не должны расширять страницу */
:where(img, svg, video, canvas, iframe, embed, object){
  max-inline-size: 100%;
  height: auto;
}

/* Убираем базовые «дыры» под картинками */
:where(img, svg, video, canvas){
  display: block;
}

/* Таблицы не должны ломать ширину viewport */
:where(table){
  max-inline-size: 100%;
}

/* Кодовые блоки: пусть скроллятся внутри себя, а не всей страницей */
:where(pre){
  max-inline-size: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* Длинные слова/URL */
:where(p, h1, h2, h3, h4, h5, h6, li, a){
  overflow-wrap: anywhere;
  word-break: break-word;
}