/* Shared outer gutters keep every content layout clear of the viewport edges. */
:root{--page-gutter:clamp(20px,3vw,48px)}
body.inner-page #main{width:calc(100% - 2 * var(--page-gutter));margin-inline:auto;box-sizing:border-box;min-width:0}
/* These pages previously relied on individual full-width section exceptions. */
body.inner-page #main .career-editorial>:is(section,nav,.career-facts),
body.inner-page #main .support-editorial>:is(section,nav,details){width:100%;max-width:1360px;margin-inline:auto;box-sizing:border-box}
body.inner-page #main .career-editorial :is(.career-intro,.career-roles,.career-application){padding-inline:clamp(20px,2.5vw,36px)}
body.inner-page #main .career-section-nav{padding-inline:clamp(20px,2.5vw,36px)}
@media(max-width:700px){
 :root{--page-gutter:20px}
 body.inner-page #main .career-editorial :is(.career-intro,.career-roles,.career-application){padding-inline:0}
 body.inner-page #main .career-section-nav{padding-inline:0}
 body.inner-page #main .support-editorial .hub-heading{gap:20px}
}

/* Website overview uses the same editorial canvas as the Software overview. */
body.websites-hub{background:#f1efea}
body.websites-hub #main{max-width:none}
.websites-hub .website-editorial-hero{color:#141413}
.websites-hub .website-editorial-hero h1{color:inherit}
.websites-hub .website-editorial-hero .editorial-statement{color:inherit;font-size:24px;margin-top:80px;letter-spacing:-1px}
.websites-hub .website-editorial-hero .button{background:#191918;color:#fff;border-radius:35px;padding:15px 23px}
.websites-hub .website-editorial-hero .button:hover{background:#383731}
@media(max-width:700px){
 .websites-hub .website-editorial-hero .editorial-statement{margin-top:50px;letter-spacing:0;font-size:16px}
 .websites-hub .website-editorial-hero .editorial-intro-actions{flex-wrap:wrap}
 .websites-hub .website-editorial-hero .editorial-caption{flex-wrap:wrap}
}