/* V10.47: responsive page boundaries. Keep zoom and vertical/sticky scrolling. */
:root{--site-side-gutter:clamp(16px,2.5vw,36px)}
html,body{max-inline-size:100%}
/* The root fallback also covers older engines without overflow:clip. */
html{overflow-x:hidden}
@supports (overflow:clip){html,body{overflow-x:clip}}
/* Constrain rotated decoration at its own section, before the page boundary. */
.about-section{overflow-x:clip}
/* Preserve each template's existing desktop maximum and center its content. */
.shell,.wrap{min-inline-size:0;max-inline-size:calc(100% - 2 * var(--site-side-gutter));margin-inline:auto}
.article-content,.article-sidebar,.content,.side,.hero-copy,.hero-system,
.article-body-grid>*,.article-hero-grid>*,.knowledge-hero-grid>*,.contact-hero>*{min-inline-size:0}
img,svg,video,canvas,iframe,object,embed{max-inline-size:100%}
.article-content,.article-sources,.content,.side,.article-tile strong{overflow-wrap:anywhere}

/* Let the media heading and statistics shrink on narrow English screens. */
.media-hero>*{min-inline-size:0}
.media-hero h2{overflow-wrap:anywhere}
.media-hero-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
.media-hero-stats>div{min-inline-size:0;overflow-wrap:anywhere}
