/*
 * Fix: Login page (and all pages) horizontal overflow at normal browser zoom.
 *
 * Root cause: The #headline banner row uses margin-right/-left: -100px at >=1024px
 * screen widths (intended for large 1920px screens). Combined with the theme's
 * #page { overflow: visible } rule, this creates a ~200px horizontal overflow on
 * viewports narrower than 1840px — causing content to appear cut off or requiring
 * users to zoom out to see the full layout.
 *
 * Fix: clip horizontal overflow on the document root so the layout stays within
 * the visible viewport on all screen sizes.
 */
html,
body {
    overflow-x: hidden;
}

/*
 * Also constrain the headline row negative margins so they don't push content
 * outside the visible area on screens narrower than the container max-width (1640px).
 */
@media screen and (min-width: 1023.98px) and (max-width: 1839.98px) {
    #headline #headline-inline > .container > .row {
        margin-right: 0 !important;
        margin-left:  0 !important;
    }
}