/* One outer content grid shared by public pages and their header. */
:root{--public-content-width:min(1320px,calc(100% - 72px))}
@media(min-width:1600px){:root{--public-content-width:min(1440px,calc(100% - 96px))}}
@media(max-width:1320px){:root{--public-content-width:calc(100% - 48px)}}
@media(max-width:760px){:root{--public-content-width:calc(100% - 32px)}}
@media(max-width:370px){:root{--public-content-width:calc(100% - 24px)}}
:root body.inner-page :is(.wrap,.cr-shell,.gd-shell,.dd-shell,.sv-shell,.sp-shell,.gr-shell,.cd-shell,.ptd-shell,.pt-shell,.pb-shell,.ah-shell,.clf-shell,.bf-shell,.mr-shell,.ba-shell,.bq-shell,.gg-shell),
:root body .h6-header>.wrap.h6-bar{width:var(--public-content-width);max-width:none;margin-inline:auto;box-sizing:border-box}
/* Nested content follows its parent grid without a second outside gutter. */
:root body.inner-page :is(.wrap,.cr-shell,.gd-shell,.dd-shell,.sv-shell,.sp-shell,.gr-shell,.cd-shell,.ptd-shell,.pt-shell,.pb-shell,.ah-shell,.clf-shell,.bf-shell,.mr-shell,.ba-shell,.bq-shell,.gg-shell) :is(.wrap,.cr-shell,.gd-shell,.dd-shell,.sv-shell,.sp-shell,.gr-shell,.cd-shell,.ptd-shell,.pt-shell,.pb-shell,.ah-shell,.clf-shell,.bf-shell,.mr-shell,.ba-shell,.bq-shell,.gg-shell){width:100%;max-width:none}

:root body.inner-page .support-reference-page{padding-inline:0}
:root body.inner-page .support-reference-page>.support-reference-panel{width:var(--public-content-width);max-width:none;box-sizing:border-box;margin-inline:auto}