/*
  responsive-fixes.css
  Neutral, global layout safety rails.
  Goal: prevent horizontal drift/overflow across devices without changing visual theme.
*/

/* Hard-stop horizontal overflow (decor blobs, 100vw, transforms, etc.) */
html, body {
  max-width: 100%;
  overflow-x: hidden;
}
@supports (overflow: clip) {
  html, body { overflow-x: clip; }
}

/* Keep common media from forcing overflow */
img, video, canvas, svg {
  max-width: 100%;
  height: auto;
}

/* Long code/strings should scroll inside their own box instead of widening the page */
pre, code {
  max-width: 100%;
}
pre {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* Tables should never force body overflow */
table {
  max-width: 100%;
}

/* iOS: prevent weird rubber-banding on full-screen overlays */
body {
  overscroll-behavior-x: none;
}