/* R22: post-launch mobile viewport lock.
 * Prevent decorative fields and narrow navigation from creating a page-level
 * horizontal scroll range while preserving vertical pan and pinch zoom.
 */

@media (max-width: 820px) {
  html,
  body {
    width: 100%;
    max-width: 100%;
    overflow-x: clip;
    overscroll-behavior-x: none;
  }

  body {
    min-width: 0;
    touch-action: pan-y pinch-zoom;
  }

  .site-header,
  main,
  .site-footer-v4 {
    max-width: 100%;
  }
}

@media (max-width: 620px) {
  .top-nav {
    min-width: 0;
    max-width: 100%;
    flex-wrap: wrap;
    overflow-x: clip !important;
    overscroll-behavior-x: none;
  }
}