/* V11.14 — stop mobile horizontal document panning without disabling image-gallery swipes.
   The root and body both need a horizontal boundary: body-only overflow rules
   can still permit viewport rubber-banding on iOS Safari.
*/
html,
body {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden; /* older iOS / browsers without overflow: clip */
  overscroll-behavior-x: none;
}

@supports (overflow: clip) {
  html,
  body {
    overflow-x: clip;
  }
}

/* Clip offscreen entrance transforms within the page, rather than letting
   animated children enlarge the document's horizontal scrollable area.
   'clip' avoids creating a new scroll container (unlike overflow:hidden),
   preserving sticky components and normal vertical anchor scrolling. */
@media (max-width: 900px) {
  main,
  footer {
    max-width: 100%;
    overflow-x: hidden; /* fallback */
  }
  @supports (overflow: clip) {
    main,
    footer {
      overflow-x: clip;
    }
  }
}