/*
 * CargoPay - Unify layout corrections.
 * Loaded immediately after brand-contrast.css, which handles colour only.
 *
 * Bootstrap sizes a row's negative margins from its own --bs-gutter-x, but a
 * .container's padding comes from the container's gutter, which stays at the
 * 1.5rem default. So .gx-lg-7 (3rem) gives the row -24px margins inside a
 * container that only has 12px of padding, and the row hangs 12px past the
 * container on each side.
 *
 * That is invisible while the viewport has slack. Between 992px and about
 * 1000px it does not: the lg container is pinned at 960px, leaving 8.5px per
 * side, so 4px of the row sticks out and the page scrolls sideways. The rows
 * are all direct children of .container in module/Website (40 files, 92 uses),
 * which is why this is one rule rather than 92 edits.
 *
 * Narrow the gutter for that band only. Outside it the 3rem column gap is
 * untouched.
 */

@media (min-width: 992px) and (max-width: 1024px) {
    .container > .row.gx-lg-7 {
        --bs-gutter-x: 1.5rem;
    }
}