/* Shared menu destinations, with ordering visible at every screen size. */
.header{gap:20px;background:linear-gradient(#030504e8,#03050490,transparent)}
.header nav{gap:clamp(12px,1.4vw,24px)}
.header nav a{white-space:nowrap;min-height:44px;display:flex;align-items:center}
.header .header-order{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 16px;background:var(--cream);color:var(--night);font-weight:700;white-space:nowrap;flex-shrink:0}
.header-order:hover{background:var(--blue)}
#mobile-menu{overflow-y:auto}
#mobile-menu .header-order{background:var(--cream);color:var(--night);padding:12px;font-weight:700}
.menu-top+nav{margin:18px 0}.menu-top+nav a{min-height:48px}
.nojs-menu{position:relative}.nojs-menu summary{cursor:pointer;padding:12px}
.header .nojs-menu nav{display:flex;flex-direction:column;gap:0;position:absolute;right:0;top:100%;width:230px;padding:16px;background:var(--green);max-height:70vh;overflow:auto}
@media(min-width:1200px){.nojs-menu{display:none}}
@media(max-width:1199px){
 .header>nav{display:none}
 .header .header-order{margin-left:auto}
 .menu-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;width:48px;height:48px;border:1px solid #f5efe060;background:transparent;cursor:pointer;padding:10px;flex-shrink:0}
 .menu-toggle span{display:block;width:21px;height:1px;background:var(--cream)}
}
@media(max-width:700px){
 .header{gap:10px;background:#1f3a2ef5}
 .header .header-order{font-size:12px;padding:10px}
 .header .brand-symbol{display:none}
 .header .brand-wordmark{width:86px}
}