/* V200 final responsive safety layer. Loaded last on every page. */
*,*::before,*::after{box-sizing:border-box}
html,body{width:100%;max-width:100%;overflow-x:clip}
main,main>*,section,article,aside,header,footer,nav,.wrap,.container,.shell,.content,.section-inner{min-width:0;max-width:100%}
img,svg,video,canvas,picture,iframe{max-width:100%;height:auto}
picture,img,svg{display:block}
h1,h2,h3,h4,h5,h6{max-width:100%;overflow-wrap:normal;word-break:normal;hyphens:none;text-wrap:balance}
p,li,a,span,strong,small{word-break:normal;overflow-wrap:break-word}
button,input,select,textarea{max-width:100%;font:inherit}
iframe{width:100%}
pre,code{max-width:100%;overflow:auto}
table{max-width:100%}
.grid>*,.cards>*,.card-grid>*,.portal-grid>*,.activity-grid>*,.resource-grid>*,.event-grid>*,.program-grid>*,.store-grid>*,.section-art>*,.identity-grid>*,.age-info-grid>*{min-width:0}
@media(max-width:980px){
 .section{padding-block:clamp(42px,7vw,68px)}
 .ac-navrow{min-height:64px;gap:10px}
 .ac-brand{min-width:0}.ac-brand strong{min-width:0}
 .ac-context .wrap{min-height:36px;white-space:normal}
 .section-art{grid-template-columns:1fr!important}
 .section-art .art-frame{max-width:760px;width:100%;margin-inline:auto}
 .identity-grid{grid-template-columns:1fr!important}
}
@media(max-width:760px){
 :root{--ac-fixed-header:64px}
 .wrap,.container,.shell,.content,.section-inner{width:min(100% - 28px,1180px);margin-inline:auto}
 .section{padding-block:44px}
 .grid,.cards,.card-grid,.resource-grid,.event-grid,.program-grid,.store-grid{grid-template-columns:1fr!important}
 .world-map-counts,.age-info-grid,.border-location-grid{grid-template-columns:1fr!important}
 .ac-next,.ac-footer{overflow:hidden}
 .ac-next-actions,.ac-footer-links{width:100%}
 .ac-next-actions a{flex:1 1 100%;justify-content:center;text-align:center}
 .ac-directory-panel{max-width:calc(100% - 16px)}
}
@media(max-width:480px){
 .wrap,.container,.shell,.content,.section-inner{width:calc(100% - 24px)}
 .ac-brand img{width:36px;height:36px}
 .ac-menu{min-width:42px;height:42px;padding-inline:9px}
 .ac-visitor-mobile{min-height:28px}
 .section{padding-block:38px}
 h1{letter-spacing:-.035em}
 .btn,.give-button,.go,.clickhint{max-width:100%;white-space:normal;text-align:center}
}
@media(hover:none) and (pointer:coarse){
 a,button,[role="button"]{touch-action:manipulation}
 .card:hover,.portal:hover,.find-place-card:hover,.activity-card:hover{transform:none}
}

/* The homepage mission graphic must scale with the phone instead of using the old 760px crop. */
@media(max-width:800px){
 .home-mission-hero{overflow:hidden}
 .home-mission-hero-media{min-width:0!important;width:100%!important;max-width:100%!important;left:auto!important;transform:none!important}
 .home-mission-hero-media>img{width:100%!important;height:auto!important}
}