header{border-bottom:1px solid var(--border);background:#1e3a8a;color:#fff}
#menuToggle{display:none;background:none;border:none;font-size:24px;color:inherit;cursor:pointer}
.nav{list-style:none;margin:0;padding:0;display:flex;gap:12px}
.nav a{text-decoration:none;color:inherit;padding:4px 0;border-bottom:2px solid transparent;display:block}
.nav a:hover{border-bottom-color:#fff}
header .hint{color:#dbeafe}
.langCodes{margin-top:4px;font-size:12px}
.langCodes a{color:#fff;text-decoration:none;margin-right:4px;font-weight:700}
.langCodes a:visited{color:#fff}
.langCodes a.active{text-decoration:underline}
.logo{height:48px}
.brand{flex-wrap:nowrap}
@media (max-width:768px){
  .brand{gap:4px}
  .brand .logo{height:40px}
  .nav{gap:6px;font-size:14px;flex-wrap:nowrap}
  .nav a{padding:2px 0;white-space:nowrap}
  .row.space-between{flex-wrap:nowrap;position:relative}
  #menuToggle{display:block}
  .nav{display:none;flex-direction:column;position:absolute;top:100%;right:0;background:#1e3a8a;padding:8px 12px;z-index:1000}
  .nav.open{display:flex}
}