/** * Last-resort mobile layout — must load after per-page #page-styles (injected via JS at end of ). */ @media (max-width: 768px) { html { overflow-x: hidden; max-width: 100%; } body { overflow-x: hidden; max-width: 100vw; } .main-content, .main-content.with-sidebar, .main-content.sidebar-collapsed, .unified-main-content, .unified-main-content.with-sidebar, .unified-main-content.sidebar-collapsed, body.vibbs-standard-shell .main-content, body.vibbs-standard-shell .main-content.with-sidebar, body.vibbs-standard-shell .main-content.sidebar-collapsed, .container, .container.main-content, .container.main-content.with-sidebar, .container.sidebar-collapsed, .container.main-content.sidebar-collapsed { margin-left: 0 !important; margin-right: 0 !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; box-sizing: border-box !important; } .unified-footer, .unified-footer.sidebar-collapsed { margin-left: 0 !important; width: 100% !important; max-width: 100% !important; } header { transform: none !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; box-sizing: border-box !important; } /* Marketing pages (about/landing): never reserve desktop sidebar gutter on mobile */ body.marketing-screens-page .main-content, body.marketing-screens-page .main-content.with-sidebar, body.marketing-screens-page.vibbs-standard-shell .main-content.with-sidebar { margin-left: 0 !important; margin-right: 0 !important; width: 100% !important; max-width: 100% !important; } .about-wrap, .main-content.with-sidebar .about-wrap, .marketing-screens-zone .about-wrap { max-width: 100% !important; width: 100% !important; } .marketing-screens-zone { width: 100% !important; max-width: 100% !important; } }