/* SPDX-FileCopyrightText: 2026 Webteic Limited
 * SPDX-License-Identifier: MPL-2.0
 * MDA: all responsive and user-preference overrides. */
@media(min-width:1600px){.mda-hero .carousel-item{min-height:630px;height:auto}.mda-hero h1,.mda-hero h2{font-size:66px}}
@media(max-width:1199.98px){.mda-header .navbar-nav>.nav-item>.nav-link{font-size:16px;padding:16px 5px}.mda-header .navbar-brand{max-width:75%}.mda-story .row{--bs-gutter-x:40px}.mda-museum-copy{padding:48px 40px}.mda-inner-layout{gap:40px;grid-template-columns:200px minmax(0,1fr)}.mda-board-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:991.98px){.mda-header .navbar-top{padding:20px 0;border-bottom:0;gap:20px}.mda-header .navbar-brand{max-width:calc(100% - 70px);width:650px}.mda-header .navbar-top-buttons{display:none}.mda-header .navbar-toggler{position:static;display:block}.mda-header .navbar-nav{padding:10px 0 20px}.mda-header .navbar-nav>.nav-item>.nav-link{font-size:16px;padding:12px}.mda-header .navbar-collapse{width:100%}.mda-header .dropdown-menu{box-shadow:none;position:static}.mda-header .navbar-nav>.nav-item>.nav-link.active::after{right:auto;width:24px;left:12px}.mda-hero .carousel-item{min-height:520px;height:auto}.mda-hero h1,.mda-hero h2{font-size:50px}.mda-services .col-lg-3:nth-child(3) .mda-service{border-left:1px solid var(--mda-line)}.mda-service{border-bottom:1px solid var(--mda-line)}.mda-section{padding:64px 0}.mda-story-visual{margin:0 15px 35px;max-width:600px}.mda-story-visual>img{height:380px}.mda-campus .row{--bs-gutter-y:24px}.mda-museum-visual{min-height:380px}.mda-museum-copy{padding:45px 30px}.mda-news{padding:64px 0}.mda-gallery{padding:60px 0}.mda-inner-layout{grid-template-columns:1fr;gap:35px;padding-top:35px}.mda-side-nav{position:static;display:flex;gap:10px;flex-wrap:wrap}.mda-side-nav h2,.mda-side-help{display:none}.mda-side-nav a{border:1px solid var(--mda-line);padding:8px 12px;border-radius:3px}.mda-side-nav a.active{padding:8px 12px}.mda-footer .footer-top .row{row-gap:35px}.mda-header .navbar-top .navbar-toggler::before,.mda-header .navbar-top .navbar-toggler::after{display:none}}
@media(max-width:767.98px){.mda-page .container,.mda-header .container,.mda-footer .container{padding-left:22px;padding-right:22px}.mda-page h2{font-size:32px}.mda-hero h1,.mda-hero h2{font-size:43px}.mda-hero .carousel-caption p{font-size:18px;max-width:420px}.mda-hero .carousel-item{min-height:560px;height:auto}.mda-hero .carousel-item::after{background:linear-gradient(90deg,#071026df,#07102670)}.mda-hero .carousel-indicators{margin-left:22px}.mda-hero .carousel-control-next{right:22px}.mda-hero .carousel-control-prev{right:76px}.mda-section-top{align-items:start;gap:20px;flex-direction:column}.mda-story .row{--bs-gutter-x:24px}.mda-story-visual>img{height:330px}.mda-story-note{left:-10px}.mda-news .block-blog-posts-1 .card-img-top{height:250px}.mda-gallery .gallery.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mda-contact-strip .container{align-items:start;flex-direction:column;gap:24px}.mda-contact-strip h2{font-size:28px}.mda-footer .footer-bottom .container{flex-direction:column;gap:7px}.mda-page-hero{padding:34px 0 40px}.mda-page-hero h1{font-size:37px}.mda-directory-grid{grid-template-columns:1fr}.mda-board-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mda-article .mda-content-photo{max-height:340px}.mda-article .community-links{grid-template-columns:1fr}.mda-form{padding:24px}.mda-article h2{font-size:27px}.mda-museum-visual{min-height:320px}}
@media(max-width:575.98px){.mda-header .navbar-top{padding:19px 0;gap:10px}.mda-header .navbar-brand{max-width:calc(100% - 56px)}.mda-header .navbar-toggler{padding:8px;min-width:40px;min-height:40px}.mda-header .navbar-brand img{min-height:20px;object-fit:contain}.mda-hero h1,.mda-hero h2{font-size:39px}.mda-hero .mda-eyebrow{font-size:16px}.mda-hero .carousel-caption .btn{padding:12px 16px;font-size:16px}.mda-hero .carousel-caption .btn span{margin-left:10px}.mda-service{padding:20px 10px;gap:9px}.mda-service .la{font-size:25px}.mda-service strong{font-size:16px}.mda-service small{font-size:16px}.mda-service>span:last-child{display:none}.mda-services .container{padding-left:12px;padding-right:12px}.mda-story-visual>img{height:285px}.mda-story-note{padding:15px 20px;font-size:16px}.mda-story-note strong{font-size:25px}.mda-section{padding:54px 0}.mda-gallery .gallery .item{aspect-ratio:1.15}.mda-campus-foot{align-items:center;flex-direction:column;gap:12px}.mda-eyebrow{font-size:16px}.mda-footer .footer-top{padding:50px 0!important}.mda-board-grid{grid-template-columns:1fr}.mda-timeline-item{grid-template-columns:50px 1fr;gap:25px}.mda-timeline-item::before{left:61px}.mda-timeline-item::after{left:57px}.mda-timeline-item>strong{font-size:17px}.mda-timeline-item h3{font-size:20px}}
@media(max-width:370px){.mda-hero h1,.mda-hero h2{font-size:34px}.mda-hero .carousel-caption .btn{padding:11px 12px}.mda-hero .carousel-caption p{font-size:18px}.mda-page-hero h1{font-size:32px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}.mda-card:hover,.mda-news .block-blog-posts-1 .card:hover{transform:none}.mda-gallery .gallery .item a:hover img{transform:none}}

@media(max-width:767.98px){.mda-contact-block .mda-form-card.card{padding:24px}.mda-page .mda-contact-compact>.mda-contact-container{padding:0}}

/* Collapse before the 16px desktop navigation becomes crowded. */
@media(max-width:1199.98px){
 .mda-header .navbar-top{gap:16px}
 .mda-header .navbar-top .navbar-toggler{position:static;display:flex;align-items:center;justify-content:center}
 .mda-header .navbar-top .navbar-toggler::before,.mda-header .navbar-top .navbar-toggler::after{display:none}
 .mda-header .navbar-collapse{width:100%}
 .mda-header .navbar-nav{flex-direction:column;align-items:stretch;padding:10px 0 20px;gap:0}
 .mda-header .navbar-nav>.nav-item>.nav-link{font-size:16px;padding:12px}
 .mda-header .dropdown-menu{position:static;box-shadow:none;min-width:0;width:100%}
 .mda-header .navbar-nav>.nav-item>.nav-link.active::after{right:auto;left:12px;width:24px}
 .mda-header .navbar-top-buttons {
    display:none !important;
}
}
@media(min-width:992px) and (max-width:1199.98px){
 .mda-header .navbar-brand{max-width:calc(100% - 210px)}
}
@media(max-width:575.98px){
 .mda-services .row>.col-6{width:100%}
 .mda-services .mda-service{padding:20px 14px;border-left:1px solid var(--mda-line);gap:16px}
 .mda-service strong{font-size:18px}.mda-service small{font-size:16px}
 .mda-hero .carousel-caption{padding:50px 0 90px}
 .mda-hero .carousel-caption .btn{margin-bottom:12px}
}

/* Final responsive review: preserve readable branding and comfortable content widths. */
@media(max-width:1199.98px){
 .mda-header .navbar-nav>.nav-item>.nav-link{white-space:normal;overflow-wrap:anywhere}
 .mda-contact-compact .mda-content-row>.wt-col{width:100%}
}
@media(min-width:992px) and (max-width:1199.98px){
 .mda-header .navbar-brand{max-width:calc(100% - 234px)}
}
@media(max-width:991.98px){
 .mda-header .navbar-top{flex-wrap:wrap;gap:12px;padding:18px 0}
 .mda-header .navbar-brand{display:flex;align-items:center;gap:12px;width:calc(100% - 60px);max-width:calc(100% - 60px);min-width:0}
 .mda-header .navbar-brand .mda-logo-wide{display:none}
 .mda-header .navbar-brand .mda-logo-compact{display:block;width:64px;max-width:64px;height:auto;flex-shrink:0}
 .mda-header .navbar-brand .mda-brand-name{display:block;white-space:normal;font-size:16px;line-height:1.35;font-weight:600;color:var(--mda-white)}
 .mda-header .navbar-top .navbar-toggler{margin:0;min-width:44px;min-height:44px}
 .mda-header .navbar-top-buttons{display:flex;order:3;flex:0 0 100%;justify-content:flex-end;padding-top:8px;border-top:1px solid #ffffff24}
 .mda-header .navbar-nav .nav-item{margin-bottom:0}
 .mda-header .navbar-nav>.nav-item>.nav-link{background:transparent;border-radius:0}
 .mda-header .navbar-nav>.nav-item>.nav-link:focus-visible{outline-offset:-3px}
 .mda-museum-copy{padding-left:0;padding-right:0}
}
@media(max-width:575.98px){
 .mda-header .navbar-brand .mda-logo-compact{width:52px;max-width:52px}
 .mda-header .navbar-brand{gap:10px}
 .mda-story-note{position:relative;left:auto;bottom:auto;max-width:100%;margin:-24px 0 0 12px}
 .mda-story-visual{padding-right:0;padding-bottom:0;margin-left:0;margin-right:0}
 .mda-story-visual::before{display:none}
 .mda-contact-strip .btn{width:100%;text-align:center}
 .mda-hero .carousel-caption .btn{display:table;width:auto}
 .mda-article .mda-content-photo{object-fit:contain;height:auto;max-height:none}
}
@media(max-width:479.98px){
 .mda-gallery .gallery.grid{grid-template-columns:minmax(0,1fr)}
 .mda-gallery .gallery .item{aspect-ratio:1.6}
}