/* Boxed means the complete website shell: topbar, header/navigation, main and footer. */
.layout-boxed>.topbar,.layout-boxed>.site-header,.layout-boxed>#main,.layout-boxed>.site-footer{width:var(--site-shell-width)!important;max-width:100%;margin-left:auto!important;margin-right:auto!important}
.layout-boxed>.site-header{overflow:visible}
.layout-boxed>.topbar{overflow:visible}
/* Preserve footer theme colors; shell sizing must never paint it with content white. */
.layout-boxed>.site-footer,.layout-framed>.site-footer{background:var(--theme-footer)!important;color:#d5e4eb!important}
.layout-boxed>.site-footer h2,.layout-boxed>.site-footer strong,.layout-framed>.site-footer h2,.layout-framed>.site-footer strong{color:#fff}
.layout-boxed>.site-footer .copyright,.layout-framed>.site-footer .copyright{background:transparent;color:#d5e4eb}
/* Framed follows the same complete shell but keeps the outer breathing room. */
.layout-framed>.topbar,.layout-framed>.site-header,.layout-framed>#main,.layout-framed>.site-footer{width:var(--site-shell-width)!important;max-width:100%;margin-left:auto!important;margin-right:auto!important}
@media(max-width:700px){.layout-boxed>.topbar,.layout-boxed>.site-header,.layout-boxed>#main,.layout-boxed>.site-footer,.layout-framed>.topbar,.layout-framed>.site-header,.layout-framed>#main,.layout-framed>.site-footer{width:100%!important}}