/* Approved Menu A: original selected Menu B, with one shared nonmodal panel. */
#header-system .brand img{width:225px;height:auto;display:block}
#header-system .bottom-tier{gap:52px}
#header-system .bottom-tier .category-open{flex:0 1 auto;min-width:0;gap:20px}
#menu-panel{max-height:calc(100dvh - 230px);overflow:auto;overscroll-behavior:auto;background:var(--paper);color:var(--ink)}
#menu-panel .menu-mega{padding:35px 42px 25px;max-width:1440px}
#menu-panel .menu-close{right:max(42px,calc((100% - 1440px)/2 + 42px));top:16px}
#menu-panel .mega-top{padding-right:120px}
#menu-panel .mega-top h2{font-size:39px;line-height:1.02;max-width:600px}
#menu-panel .mega-top p{font-size:12px;line-height:1.65;max-width:240px;color:#524b44}
#menu-panel .mega-columns{display:grid;grid-template-columns:1fr 1fr;gap:55px;padding:28px 0}
#menu-panel .mega-columns>section+section{border-left:1px solid #bdb1a5;padding-left:40px}
#menu-panel .mega-columns h3{font-size:38px;margin:15px 0;line-height:1.05}
#menu-panel .route-list{list-style:none;margin:0;padding:0}
#menu-panel .route-list.two-columns{display:grid;grid-template-columns:1fr 1fr;column-gap:24px}
#menu-panel .route-list a{font-size:12px;min-height:44px;color:var(--ink)}
#menu-panel .group-description{color:#524b44}
#menu-panel .mega-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 24px}
#menu-panel .menu-extras{display:flex;flex-wrap:wrap;gap:8px 25px}
#menu-panel .menu-extras a{font-size:12px;min-height:44px}
#menu-panel .menu-extras a:last-child{font-size:11px}
#menu-panel .route-arrow,#menu-panel .menu-extras a>span{color:#377d9a}
#menu-panel :is(a,button):focus-visible{outline:2px solid #197b97;outline-offset:4px}
@media(max-width:960px){
  #header-system .bottom-tier{gap:25px}
  #header-system .bottom-tier .category-open{gap:12px}
  #menu-panel .menu-mega{padding:30px 24px 24px}
  #menu-panel .menu-close{right:24px}
  #menu-panel .mega-top{display:block}
  #menu-panel .mega-top p{max-width:460px;margin-top:12px}
  #menu-panel .mega-columns{gap:26px}
  #menu-panel .mega-columns>section+section{padding-left:26px}
  #menu-panel .mega-columns h3{font-size:32px}
}
@media(max-width:700px){
  #header-system .brand img{width:175px;height:auto}
  #header-system .top-tier{gap:12px;padding:18px 22px;flex-wrap:wrap}
  #header-system .top-tier>.mobile-menu{display:inline-flex;margin-left:auto}
  #header-system .top-tier>.assessment-link{display:none}
  #header-system .bottom-tier{display:none}
  #menu-panel{max-height:62dvh}
  #menu-panel .menu-close{top:12px;right:22px;background:var(--paper)}
  #menu-panel .menu-mega{padding:68px 22px 24px}
  #menu-panel .mega-top{padding-top:0;padding-right:0;padding-bottom:24px}
  #menu-panel .mega-top h2{font-size:34px;max-width:100%}
  #menu-panel .mega-columns{grid-template-columns:1fr;gap:26px}
  #menu-panel .mega-columns>section+section{border-left:0;border-top:1px solid #bdb1a5;padding:26px 0 0}
  #menu-panel .mega-columns h3{font-size:34px}
  #menu-panel .route-list.two-columns{column-gap:22px}
  #menu-panel .route-list a{font-size:12px;gap:8px}
  #menu-panel .mega-bottom{align-items:stretch;flex-direction:column}
  #menu-panel .menu-extras{gap:4px 24px}
  #menu-panel .mega-bottom>.assessment-link{width:100%;justify-content:space-between}
}
@media(max-height:600px) and (min-width:701px){#menu-panel{max-height:60dvh}}