/* Prototype 004: navigation access and narrow-screen usability only. */
@media(min-width:701px) and (max-width:950px){
 .site-header .menu-toggle{display:block;margin-left:0;background:none;border:1px solid #92a8b0;padding:9px 12px;color:#17313d;font-weight:700}
 .site-header .header-inner{gap:20px}
 .site-header .header-inner nav.open{display:flex;position:absolute;top:78px;left:0;right:0;background:#fff;padding:18px;flex-direction:column;gap:0;box-shadow:0 15px 25px #12334122}
 .site-header .header-inner nav.open a{padding:12px}
}
@media(max-width:350px){
 .site-header .header-inner{gap:10px}
 .site-header .brand{font-size:1.2rem;gap:6px}
 .site-header .official-mark{width:38px;height:auto}
 .site-header .brand-suffix{margin-left:4px}
}