html { overflow-x: clip; }
/* mmenu puts `overflow-x: hidden` on body (.mm-wrapper). With html clipped, that
   no longer passes to the viewport: body becomes a scroll container that never
   scrolls, and every position: sticky inside it (the legal pages' "On this
   page", the style guide's sub menu) stops sticking. `clip` hides the same
   overflow without making a scroll container. */
body.mm-wrapper { overflow-x: clip; }

#header .inside,
#hero .ce_text,
#hero .content-text {
    width: 100%;
}

/* THE PAGE CONTAINER — one owner per region.
   fe_page nests .container_inside > #main > .inside, so both cannot carry
   the container: with border-box the gutter is subtracted twice and body
   content ends up inset from the header and footer by a full gutter on
   each side (60px at desktop). .container_inside is the right owner
   because it wraps #main AND the left/right columns; putting it on
   #main > .inside would leave the sidebars outside the container.

   Using a stock fe_page with no .container_inside? Move that selector to
   `#main > .inside` — but keep exactly one of them. */
#header .inside,
#prefooter .inside,
#footer .inside,
.container_inside {
    max-width: var(--container-max);
    width: 100%;
    margin-inline: auto;
    padding-inline: var(--page-gutter);
}

#container {
    padding-top: 60px;
    background-color: var(--background);
    position: relative;
}
.container_inside { padding-bottom: 120px; }

#wrapper { overflow: clip; }