/* One shared content boundary for all public sections, heroes, nav and footer. */
:root{--content-width:1380px;--section-y:4rem;--section-x:2rem;--content-inset:max(var(--section-x),calc((100% - var(--content-width))/2))}
body main>section[class],body .contact-band{width:100%;max-width:none;margin-inline:0;padding-block:var(--section-y);padding-inline:var(--content-inset)}
body .site-header,body:has(.pv-hero) .site-header,body:has(.page-hero) .site-header{padding-inline:var(--content-inset)}
body .reading-layout{grid-template-columns:minmax(0,1fr) minmax(240px,320px)}
body .reading-layout:not(:has(aside)){max-width:none}
footer .footer-main,footer .footer-bottom{width:100%;max-width:none;margin-inline:0;padding-inline:var(--content-inset)}
footer .footer-main{padding-block:var(--section-y)}
@media(max-width:780px){:root{--section-y:2rem;--section-x:1rem}}