/**
 * Guest mobile shell — one truth for viewport width (<1024px).
 * Legacy 390px centered column was for desktop-browser phone mock; on real devices
 * and Capacitor it left white stripes beside navy header/CTA bars.
 * Load last among guest layout stylesheets. Desktop ≥1024px uses page desktop CSS.
 */
@media (max-width: 1023px) {
  html {
    max-width: none !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    overscroll-behavior: none;
  }

  body {
    max-width: none !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    overscroll-behavior: none;
  }
}