/* Shared outer gutters match the site navigation at every breakpoint. */
:root{--cw-content-width:1180px}
@media(min-width:960px) and (max-width:1199px){:root{--cw-content-width:940px}}
@media(min-width:720px) and (max-width:959px){:root{--cw-content-width:700px}}
body .single-header>.container{width:var(--cw-content-width);max-width:calc(100% - 40px);margin-inline:auto}
/* Legacy grids include 10px on each column; retain that internal spacing. */
@media(min-width:720px){
.container{max-width:calc(100% - 20px)}
.container:not(.cw-sticky-grid) > .grid-1{width:calc(8.33333333% - 20px)}
.container:not(.cw-sticky-grid) > .grid-2{width:calc(16.66666667% - 20px)}
.container:not(.cw-sticky-grid) > .grid-3{width:calc(25.00000000% - 20px)}
.container:not(.cw-sticky-grid) > .grid-4{width:calc(33.33333333% - 20px)}
.container:not(.cw-sticky-grid) > .grid-5{width:calc(41.66666667% - 20px)}
.container:not(.cw-sticky-grid) > .grid-6{width:calc(50.00000000% - 20px)}
.container:not(.cw-sticky-grid) > .grid-7{width:calc(58.33333333% - 20px)}
.container:not(.cw-sticky-grid) > .grid-8{width:calc(66.66666667% - 20px)}
.container:not(.cw-sticky-grid) > .grid-9{width:calc(75.00000000% - 20px)}
.container:not(.cw-sticky-grid) > .grid-10{width:calc(83.33333333% - 20px)}
.container:not(.cw-sticky-grid) > .grid-11{width:calc(91.66666667% - 20px)}
.container:not(.cw-sticky-grid) > .grid-12{width:calc(100.00000000% - 20px)}
body .single-header>.container>.grid-12{width:100%;margin-inline:0}
}
@media(max-width:719px){.container{width:calc(100% - 40px);max-width:calc(100% - 40px)}}

/* Modern full-width page shells use the same content edges as navigation. */
body .fg-main,body .cw-editorial-hero .ce-inner{width:var(--cw-content-width);max-width:calc(100% - 40px);margin-inline:auto;padding-inline:0!important}
body .bl-wrap{width:calc(var(--cw-content-width) + 40px);max-width:100%;margin-inline:auto;padding-inline:20px}

/* Template shells share the navigation's content edges, not its full-bleed background. */
body .container.single.cw-sticky-grid,
body .cw-hub .hub-wrap,
body .ah .ah-wrap,
body.cw-story .story-wrap,
body .ah-hero>.cw-attribute-breadcrumb,
body .single-header>.cw-attribute-breadcrumb{
 width:var(--cw-content-width);max-width:calc(100% - 40px);margin-inline:auto;padding-inline:0!important;
}