html { 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; }