/** * Mobile-First Base Styles * * Sets overflow-x: hidden on only — NOT on . * * IMPORTANT: Setting overflow-x: hidden on breaks mobile scrolling. * When combined with position:fixed elements (header/footer nav bars), * iOS Safari and Android Chrome treat as the scroll container, * causing the page to appear frozen after the first viewport of content. * Always use for viewport-level overflow control. * * Desktop centering (480px centred column) is handled entirely by * /static_new/js/viewport-fix.js which is included on every page. * Do NOT add desktop media queries here — that would conflict with * the JS-injected styles. */ html { overflow-x: hidden; }