html,body{max-width:100%;overflow-x:hidden}
button,a,input{touch-action:manipulation}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid rgba(228,119,95,.45);outline-offset:3px}

/* ──────────────────────────────────────────────
   Inner-page layout
────────────────────────────────────────────── */
@media(max-width:1100px){
    .content-layout{grid-template-columns:1fr}
    .side-panel{position:static}
    .department-link-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:900px){
    .contact-grid{grid-template-columns:1fr}
    .gallery-grid{grid-template-columns:repeat(2,1fr)}
    .legacy-content [class*="col-md-4"],.legacy-content [class*="col-md-6"]{grid-column:1/-1}
}
@media(max-width:760px){
    .page-hero{min-height:390px}
    .page-hero-inner{padding:66px 0 56px}
    .content-panel{padding:26px}
    .department-link-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:520px){
    .page-hero h1{font-size:38px}
    .page-hero p{font-size:16px}
    .content-panel{padding:20px}
    .department-link-grid,.gallery-grid{grid-template-columns:1fr}
    .legacy-content{font-size:16px}
    .legacy-content .row{grid-template-columns:1fr}
    .legacy-content [class*="col-"]{grid-column:1/-1}
}