/* ═══════════════════════════════════════════════════════════════
   NSTR V4.15 — Formal Modern UI
   Public inner pages + shared components. Loaded after app.css.
═══════════════════════════════════════════════════════════════ */

.ui-v415{
  --bg:#f4f7fb;
  --surface:#fff;
  --surface-2:#f8fafc;
  --surface-3:#eef3f8;
  --line:#dce5ef;
  --line-strong:#c5d3e2;
  --ink:#102033;
  --ink-soft:#33475b;
  --ink-muted:#66788a;
  --ink-faint:#91a0af;
  --shadow-sm:0 2px 5px rgba(15,39,71,.045),0 1px 2px rgba(15,39,71,.04);
  --shadow:0 14px 36px rgba(15,39,71,.09);
  --shadow-lg:0 24px 58px rgba(15,39,71,.15);
  --shadow-brand:0 12px 28px color-mix(in srgb,var(--brand-800) 24%,transparent);
  --radius:19px;
  --radius-lg:28px;
  --radius-sm:12px;
  --container:1320px;
  color:var(--ink);
  background:
    radial-gradient(circle at 8% 4%,color-mix(in srgb,var(--brand-100) 42%,transparent),transparent 25rem),
    linear-gradient(180deg,#f8fbff 0,#f4f7fb 32rem,#f4f7fb 100%);
  -webkit-font-smoothing:antialiased;
}
.ui-v415 .container{padding-inline:24px}
.ui-v415 .section{padding-block:64px}
.ui-v415 :focus-visible{outline:3px solid var(--brand-300);outline-offset:3px}
.ui-v415 .btn{min-height:44px;border-radius:13px;font-weight:600;letter-spacing:.01em}
.ui-v415 .btn-brand{background:linear-gradient(135deg,var(--brand-600),var(--brand-800));box-shadow:0 10px 22px color-mix(in srgb,var(--brand-800) 24%,transparent)}
.ui-v415 .btn-ghost{border-color:var(--line);box-shadow:0 1px 2px rgba(15,39,71,.04)}
.ui-v415 .chip{padding:5px 11px;border-radius:8px}
.ui-v415 .chip-gold{color:#6b4900;background:#fff4cf;border:1px solid #efd278}

/* Top bar + primary header */
.ui-v415 .topbar{background:linear-gradient(90deg,var(--brand-950),var(--brand-800));border-bottom:1px solid rgba(255,255,255,.09)}
.ui-v415 .topbar-inner{min-height:34px}
.ui-v415 .topbar-social a{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.07)}
.ui-v415 .topbar-social a:hover{color:#fff;background:rgba(255,255,255,.17);transform:none}
.ui-v415 .topbar-info{gap:16px;color:#dbeafe}
.ui-v415 .topbar-info i{color:#bfdbfe}
.ui-v415 .topbar-lang{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08)}
.ui-v415 .site-header{background:rgba(255,255,255,.94);border-bottom:1px solid rgba(203,215,229,.72);box-shadow:0 7px 24px rgba(15,39,71,.06);backdrop-filter:blur(18px) saturate(145%)}
.ui-v415 .site-header.is-scrolled{box-shadow:0 12px 34px rgba(15,39,71,.12)}
.ui-v415 .header-inner{min-height:82px;gap:22px}
.ui-v415 .site-header.is-scrolled .header-inner{min-height:68px}
.ui-v415 .brand{gap:14px}
.ui-v415 .brand-logo{width:58px;height:58px;padding:5px;display:grid;place-items:center;flex:none;border:1px solid var(--line);border-radius:17px;background:#fff;box-shadow:0 8px 20px rgba(15,39,71,.09)}
.ui-v415 .brand-logo img{width:48px;height:48px;filter:none}
.ui-v415 .brand:hover .brand-logo img{transform:none}
.ui-v415 .brand-text strong{color:var(--brand-900);font-size:19px;font-weight:700;letter-spacing:-.015em}
.ui-v415 .brand-text small{margin-top:2px;color:var(--ink-muted);font-size:11.5px}
.ui-v415 .main-nav{gap:4px}
.ui-v415 .nav-link{min-height:42px;padding:10px 12px;display:flex;align-items:center;border-radius:11px;color:var(--ink-soft);font-size:13.5px;font-weight:500}
.ui-v415 .nav-link:hover{color:var(--brand-800);background:var(--brand-50)}
.ui-v415 .nav-link.is-active{color:var(--brand-800);background:linear-gradient(180deg,var(--brand-50),#fff);box-shadow:inset 0 0 0 1px var(--brand-100)}
.ui-v415 .nav-link.is-active::after{left:12px;right:12px;bottom:-1px;height:3px;background:var(--brand-600)}
.ui-v415 .icon-btn{border-color:var(--line);border-radius:12px;background:#fff;box-shadow:0 3px 10px rgba(15,39,71,.06)}
.ui-v415 .icon-btn:hover{background:var(--brand-700);box-shadow:0 8px 18px color-mix(in srgb,var(--brand-800) 20%,transparent);transform:translateY(-1px)}
.ui-v415 .nav-dropdown{top:calc(100% + 13px);padding:10px;border:1px solid var(--line);border-top:4px solid var(--brand-600);border-radius:17px;box-shadow:0 24px 60px rgba(15,39,71,.18)}
.ui-v415 .nav-dropdown a{min-height:44px;padding:10px 12px;border-radius:10px}
.ui-v415 .nav-dropdown a i{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:var(--brand-50)}
.ui-v415 .waffle-pop{border-color:var(--line);border-radius:20px;box-shadow:0 26px 60px rgba(15,39,71,.18)}
.ui-v415 .waffle-icon{border-radius:13px}
.ui-v415 .nav-drawer-panel{width:340px;padding:22px;border-left:1px solid var(--line);box-shadow:-24px 0 60px rgba(15,39,71,.18)}
.ui-v415 .nav-drawer-head{padding-bottom:18px}
.ui-v415 .nav-drawer-link{min-height:48px;border-radius:12px}

/* Image-only 16:6 banner (fallback homepage template) */
.ui-v415 .hero-slider{min-height:0;max-height:none;aspect-ratio:16/6;background:var(--brand-950)}
.ui-v415 .hero-inner{min-height:0;height:100%}
.ui-v415 .hero-slide::before{background:linear-gradient(90deg,rgba(8,28,58,.11),transparent 22%,transparent 78%,rgba(8,28,58,.11))}
.ui-v415 .hero-text,.ui-v415 .hero-director{display:none!important}
.ui-v415 .hero-arrow{width:44px;height:44px;opacity:.82;background:rgba(8,28,58,.46);border-color:rgba(255,255,255,.38);box-shadow:0 10px 24px rgba(3,15,32,.2)}
.ui-v415 .hero-arrow:hover{color:#fff;background:var(--brand-700)}
.ui-v415 .hero-dots{bottom:15px;width:max-content;margin-inline:auto;padding:7px 10px;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:rgba(8,28,58,.35);backdrop-filter:blur(9px)}
.ui-v415 .hero-dot{width:8px;height:8px}
.ui-v415 .hero-dot.is-active{width:25px;background:#fff}

/* Homepage cards and two-column content rhythm */
.ui-v415 .quick-strip{margin-top:-30px;padding-bottom:14px}
.ui-v415 .quick-grid{gap:14px}
.ui-v415 .quick-card{min-height:88px;padding:17px;border-color:rgba(205,217,230,.9);border-radius:18px;box-shadow:0 14px 34px rgba(15,39,71,.1)}
.ui-v415 .quick-card:hover{transform:translateY(-4px);box-shadow:0 22px 44px rgba(15,39,71,.14)}
.ui-v415 .quick-ic{width:50px;height:50px;border-radius:14px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}
.ui-v415 .leadership-message{padding:48px 0 22px;background:linear-gradient(180deg,#edf5ff 0%,#f8fbff 100%)}
.ui-v415 .leadership-message-card{grid-template-columns:235px minmax(0,1fr);gap:38px;padding:34px;border:1px solid var(--line);border-radius:28px;box-shadow:0 22px 54px rgba(15,39,71,.1)}
.ui-v415 .leadership-message-card::before{content:"";position:absolute;inset:0 0 auto;height:6px;background:linear-gradient(90deg,var(--brand-800),var(--brand-500),var(--gold-400))}
.ui-v415 .leadership-profile{padding:18px;border-radius:20px;background:linear-gradient(155deg,var(--brand-950),var(--brand-700));box-shadow:0 16px 32px color-mix(in srgb,var(--brand-900) 24%,transparent)}
.ui-v415 .leadership-profile img{width:100%;height:235px;border-radius:14px;object-fit:contain;object-position:center bottom;background:linear-gradient(160deg,#eef6ff,#c8def6)}
.ui-v415 .leadership-copy blockquote{padding:17px 20px;border-left-color:var(--brand-500);border-radius:0 15px 15px 0;background:#f5f8fc}
.ui-v415 .leadership-values{gap:12px}
.ui-v415 .leadership-values article{padding:15px;border-color:var(--line);border-radius:15px;background:linear-gradient(145deg,#fff,#f8fbff)}
.ui-v415 .main-grid{grid-template-columns:minmax(0,1fr) 304px;grid-template-areas:"center right" "center left";gap:22px 26px;padding-top:38px;padding-bottom:42px}
.ui-v415 .col-center{grid-area:center;gap:30px}
.ui-v415 .col-right{grid-area:right}
.ui-v415 .col-left{grid-area:left}
.ui-v415 .col-left,.ui-v415 .col-right{position:static;gap:18px}
.ui-v415 .panel{border-color:var(--line);border-radius:19px;box-shadow:0 10px 28px rgba(15,39,71,.07)}
.ui-v415 .panel-head{min-height:56px;padding:10px 16px;color:var(--brand-900);background:linear-gradient(180deg,#fff,#f8fbff);border-bottom:1px solid var(--line);font-size:15px}
.ui-v415 .panel-head::before{display:none}
.ui-v415 .panel-head>i:first-child{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;color:var(--brand-700);background:var(--brand-50);box-shadow:inset 0 0 0 1px var(--brand-100)}
.ui-v415 .menu-list a{min-height:48px;padding:11px 16px}
.ui-v415 .menu-list a:hover{padding-left:18px;background:#f5f9ff}
.ui-v415 .calendar{padding:17px}
.ui-v415 .cal-cell{border-radius:8px}
.ui-v415 .admission{padding:31px 34px;border:1px solid color-mix(in srgb,var(--brand-500) 50%,transparent);border-radius:24px;background:linear-gradient(125deg,var(--brand-950),var(--brand-700));box-shadow:0 18px 42px color-mix(in srgb,var(--brand-900) 25%,transparent)}
.ui-v415 .admission::after{content:"";position:absolute;width:260px;height:260px;right:-110px;bottom:-160px;border:50px solid rgba(255,255,255,.05);border-radius:50%}
.ui-v415 .admission-badge{border-radius:9px}
.ui-v415 .block{padding:2px}
.ui-v415 .block-head{margin-bottom:18px;padding-bottom:13px;border-bottom:1px solid var(--line)}
.ui-v415 .block-head h2{font-size:21px;color:var(--brand-900)}
.ui-v415 .block-head h2>i:first-child{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;color:var(--brand-700);background:var(--brand-50)}
.ui-v415 .view-all{padding:8px 12px;border:1px solid var(--line);border-radius:10px;color:var(--brand-700);background:#fff;font-size:12.5px}
.ui-v415 .newsletter-main,.ui-v415 .newsletter-archive>a,.ui-v415 .award-showcase-card,.ui-v415 .school-video-card{border-color:var(--line);border-radius:18px;box-shadow:0 7px 22px rgba(15,39,71,.06)}
.ui-v415 .newsletter-main:hover,.ui-v415 .newsletter-archive>a:hover,.ui-v415 .award-showcase-card:hover,.ui-v415 .school-video-card:hover{transform:translateY(-3px);border-color:var(--brand-200);box-shadow:0 16px 36px rgba(15,39,71,.11)}
.ui-v415 .award-showcase-card,.ui-v415 .school-video-card{transition:.23s ease}
.ui-v415 .gallery-grid{gap:14px}
.ui-v415 .gallery-item{border:1px solid rgba(203,215,229,.8);border-radius:18px;box-shadow:0 8px 24px rgba(15,39,71,.09)}
.ui-v415 .gallery-item:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(15,39,71,.15)}
.ui-v415 .stats-strip{margin-top:34px;padding:48px 0;background:linear-gradient(120deg,var(--brand-950),var(--brand-800))}
.ui-v415 .stat-card{border:1px solid rgba(255,255,255,.16);border-radius:18px;background:rgba(255,255,255,.09);backdrop-filter:blur(8px)}

/* Inner page title */
.ui-v415 .page-hero{position:relative;overflow:hidden;padding:66px 0 62px;text-align:left;background:linear-gradient(118deg,var(--brand-950),var(--brand-800) 65%,var(--brand-600));isolation:isolate}
.ui-v415 .page-hero::before{content:"";position:absolute;z-index:-1;inset:0;opacity:.17;background-image:linear-gradient(rgba(255,255,255,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.13) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(90deg,#000,transparent 88%)}
.ui-v415 .page-hero::after{content:"";position:absolute;z-index:-1;width:390px;height:390px;right:-95px;top:-270px;border:58px solid rgba(255,255,255,.06);border-radius:50%}
.ui-v415 .page-hero .container{position:relative}
.ui-v415 .page-hero .breadcrumb{justify-content:flex-start;width:max-content;max-width:100%;margin-bottom:16px;padding:6px 11px;border:1px solid rgba(255,255,255,.15);border-radius:999px;background:rgba(255,255,255,.08);font-size:12px;backdrop-filter:blur(6px)}
.ui-v415 .page-hero .breadcrumb span{color:#fff}
.ui-v415 .page-hero h1{display:flex;align-items:center;gap:14px;font-size:clamp(1.8rem,3.2vw,2.7rem);font-weight:700;letter-spacing:-.025em}
.ui-v415 .page-hero h1 i{width:54px;height:54px;display:grid;place-items:center;flex:none;border:1px solid rgba(255,255,255,.2);border-radius:16px;color:#fff;background:rgba(255,255,255,.12);box-shadow:0 12px 28px rgba(2,12,28,.16)}
.ui-v415 .page-hero p{max-width:820px;margin-top:12px;color:#dbeafe;font-size:15px}
.ui-v415 .news-detail-meta{justify-content:flex-start;margin-top:14px}

/* Shared inner-page cards */
.ui-v415 .content-card,.ui-v415 .related-item,.ui-v415 .about-card,.ui-v415 .group-card,.ui-v415 .person-card,.ui-v415 .executive-card,.ui-v415 .svc-page-card,.ui-v415 .news-page-card,.ui-v415 .newsletter-page-card,.ui-v415 .contact-info-card,.ui-v415 .dl-item,.ui-v415 .album-card{border-color:var(--line);border-radius:20px;box-shadow:0 8px 26px rgba(15,39,71,.065)}
.ui-v415 .content-card{padding:34px 36px}
.ui-v415 .page-layout{gap:28px;padding-block:52px 68px}
.ui-v415 .page-aside{top:92px}
.ui-v415 .section-heading{margin-bottom:18px;color:var(--brand-900);font-size:22px}
.ui-v415 .section-heading>i:first-child{width:38px;height:38px;display:inline-grid;place-items:center;margin-right:6px;border-radius:11px;color:var(--brand-700);background:var(--brand-50);vertical-align:middle}
.ui-v415 .about-grid,.ui-v415 .groups-grid,.ui-v415 .news-page-grid,.ui-v415 .svc-page-grid,.ui-v415 .album-grid{gap:20px}
.ui-v415 .about-card,.ui-v415 .group-card,.ui-v415 .svc-page-card{padding:24px}
.ui-v415 .about-card:hover,.ui-v415 .group-card:hover,.ui-v415 .svc-page-card:hover,.ui-v415 .news-page-card:hover,.ui-v415 .newsletter-page-card:hover,.ui-v415 .album-card:hover{transform:translateY(-5px);border-color:var(--brand-200);box-shadow:0 20px 42px rgba(15,39,71,.12)}
.ui-v415 .about-ic,.ui-v415 .group-ic{border-radius:14px;box-shadow:0 10px 22px color-mix(in srgb,var(--brand-800) 20%,transparent)}
.ui-v415 .about-stats{padding:30px;border:1px solid rgba(255,255,255,.12);border-radius:24px;background:linear-gradient(120deg,var(--brand-950),var(--brand-800));box-shadow:0 18px 44px color-mix(in srgb,var(--brand-900) 22%,transparent)}
.ui-v415 .news-page-card{overflow:hidden}
.ui-v415 .news-page-img{height:205px}
.ui-v415 .news-page-body{padding:20px}
.ui-v415 .newsletter-page-card{border-radius:21px}
.ui-v415 .news-detail-image,.ui-v415 .newsletter-detail-image,.ui-v415 .newsletter-detail-content{border-color:var(--line);border-radius:17px;background:#f3f6fa}
.ui-v415 .director-feature{padding:32px;border:1px solid rgba(255,255,255,.12);border-radius:26px;background:linear-gradient(120deg,var(--brand-950),var(--brand-700));box-shadow:0 20px 46px color-mix(in srgb,var(--brand-900) 24%,transparent)}
.ui-v415 .director-feature-photo{width:150px;height:170px;border:3px solid #fff;border-radius:18px;background:#eaf2fb;box-shadow:0 14px 30px rgba(2,12,28,.2)}
.ui-v415 .director-feature-photo img{object-fit:contain;object-position:center bottom}
.ui-v415 .personnel-filter{padding:13px;border-color:var(--line);border-radius:20px;background:#fff;box-shadow:0 9px 26px rgba(15,39,71,.06)}
.ui-v415 .personnel-filter a{border-color:var(--line);border-radius:12px;background:#f8fafc}
.ui-v415 .person-card{padding:20px 15px;background:linear-gradient(180deg,#fff,#fbfdff)}
.ui-v415 .person-photo{width:112px;height:126px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(160deg,#eff6ff,#dbeafe)}
.ui-v415 .person-photo img{object-fit:contain;object-position:center bottom}
.ui-v415 .person-card:hover,.ui-v415 .executive-card:hover{transform:translateY(-5px);box-shadow:0 20px 42px rgba(15,39,71,.13)}
.ui-v415 .executive-card{border-radius:22px}
.ui-v415 .executive-photo{background:linear-gradient(160deg,#f3f8ff,#dbeafe)}
.ui-v415 .person-modal-card{border-radius:25px;box-shadow:0 34px 100px rgba(2,12,28,.48)}
.ui-v415 .svc-page-card{min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.ui-v415 .student-cta{padding:26px 30px;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:linear-gradient(120deg,var(--brand-950),var(--brand-700))}
.ui-v415 .contact-layout{gap:28px}
.ui-v415 .contact-info-card{padding:19px}
.ui-v415 .contact-map{border-color:var(--line);border-radius:19px;box-shadow:0 9px 26px rgba(15,39,71,.07)}
.ui-v415 .cf-field input,.ui-v415 .cf-field textarea{min-height:48px;border-color:var(--line);border-radius:12px;background:#fbfdff}
.ui-v415 .dl-item{padding:19px 21px}
.ui-v415 .dl-item:hover{transform:translateX(4px);border-color:var(--brand-200);box-shadow:0 15px 34px rgba(15,39,71,.1)}
.ui-v415 .gallery-masonry{column-gap:17px}
.ui-v415 .masonry-item{margin-bottom:17px;border:1px solid var(--line);border-radius:17px;box-shadow:0 8px 24px rgba(15,39,71,.08)}

/* Footer + floating tools */
.ui-v415 .site-footer{background:linear-gradient(155deg,var(--brand-950),#081a32);border-top:1px solid rgba(255,255,255,.08)}
.ui-v415 .footer-beam{height:5px;background:linear-gradient(90deg,var(--brand-500),#60a5fa,var(--gold-400),var(--brand-500))}
.ui-v415 .footer-main{padding-top:58px;padding-bottom:48px}
.ui-v415 .footer-brand-head img{padding:4px;border-radius:14px;background:#fff}
.ui-v415 .footer-col h4{font-size:14px;letter-spacing:.015em}
.ui-v415 .footer-col h4::after{width:32px;height:3px;border-radius:99px;background:var(--brand-400)}
.ui-v415 .footer-map-box{border:1px solid rgba(255,255,255,.12);border-radius:15px}
.ui-v415 .footer-bottom{background:rgba(0,0,0,.16)}
.ui-v415 .contact-fab-toggle{width:56px;height:56px;background:linear-gradient(135deg,var(--brand-600),var(--brand-800));box-shadow:0 12px 28px color-mix(in srgb,var(--brand-800) 35%,transparent)}
.ui-v415 .contact-fab-ring{border-color:var(--brand-500)}
.ui-v415 .back-to-top{border:1px solid rgba(255,255,255,.16);background:var(--brand-900)}

/* Mobile inner pages retain a compact official header */
@media(max-width:1180px){
  .ui-v415 .main-grid{grid-template-columns:minmax(0,1fr) 288px}
  .ui-v415 .brand-text small{max-width:290px}
}
@media(max-width:960px){
  .ui-v415 .main-grid{grid-template-columns:1fr;grid-template-areas:"center" "right" "left"}
  .ui-v415 .col-left,.ui-v415 .col-right{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .ui-v415 .leadership-message-card{grid-template-columns:200px minmax(0,1fr);gap:24px}
}
@media(max-width:768px){
  .ui-v415.m-mobile-mode{padding-bottom:calc(76px + env(safe-area-inset-bottom));background:#f4f7fb}
  .ui-v415.m-mobile-mode .topbar{display:none!important}
  .ui-v415.m-mobile-mode .site-header{display:block!important;position:sticky;top:0}
  .ui-v415.m-mobile-mode .nav-drawer{display:block!important}
  .ui-v415.m-mobile-mode .site-footer{display:block!important}
  .ui-v415.m-mobile-mode .m-app{display:none!important}
  .ui-v415.m-mobile-mode .contact-fab,.ui-v415.m-mobile-mode .back-to-top{display:none!important}
  .ui-v415 .container{padding-inline:17px}
  .ui-v415 .section{padding-block:42px}
  .ui-v415 .header-inner{min-height:68px;padding-block:7px}
  .ui-v415 .brand-logo{width:49px;height:49px;border-radius:14px}
  .ui-v415 .brand-logo img{width:40px;height:40px}
  .ui-v415 .brand-text strong{font-size:15px;white-space:normal;line-height:1.25}
  .ui-v415 .brand-text small{display:none}
  .ui-v415 .main-nav,.ui-v415 .app-launcher{display:none}
  .ui-v415 .nav-toggle{display:grid}
  .ui-v415 .page-hero{padding:44px 0 42px}
  .ui-v415 .page-hero h1{gap:10px;font-size:1.7rem}
  .ui-v415 .page-hero h1 i{width:46px;height:46px;border-radius:13px;font-size:21px}
  .ui-v415 .page-hero p{font-size:13.5px}
  .ui-v415 .page-layout{padding-block:38px 52px}
  .ui-v415 .content-card{padding:24px 20px}
  .ui-v415 .leadership-message-card{grid-template-columns:1fr;padding:22px}
  .ui-v415 .leadership-profile{max-width:320px;margin-inline:auto}
  .ui-v415 .leadership-values{grid-template-columns:1fr}
  .ui-v415 .col-left,.ui-v415 .col-right{grid-template-columns:1fr}
  .ui-v415 .newsletter-public,.ui-v415 .award-showcase-grid,.ui-v415 .school-video-grid{grid-template-columns:1fr}
  .ui-v415 .person-grid,.ui-v415 .personnel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ui-v415 .person-photo{width:94px;height:108px}
  .ui-v415 .footer-main{padding-top:42px;padding-bottom:36px}
  .ui-v415 .m-bottom-nav{border-top-color:var(--line);box-shadow:0 -10px 28px rgba(15,39,71,.1)}
  .ui-v415 .m-nav-item.is-active::before{background:var(--brand-600)}
  .ui-v415 .m-nav-fab{color:#fff;background:linear-gradient(135deg,var(--brand-600),var(--brand-800));box-shadow:0 8px 20px color-mix(in srgb,var(--brand-800) 35%,transparent)}
}
@media(max-width:540px){
  .ui-v415 .container{padding-inline:14px}
  .ui-v415 .page-hero .breadcrumb{width:100%;overflow:hidden;white-space:nowrap}
  .ui-v415 .page-hero h1{align-items:flex-start}
  .ui-v415 .personnel-grid{grid-template-columns:1fr 1fr;gap:12px}
  .ui-v415 .person-card{padding:16px 8px}
  .ui-v415 .person-card strong{font-size:13px}
  .ui-v415 .person-card small{font-size:11px}
  .ui-v415 .newsletter-page-card{grid-template-columns:105px minmax(0,1fr)}
}

@media(prefers-reduced-motion:reduce){
  .ui-v415 *, .ui-v415 *::before, .ui-v415 *::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}