/* Shared, progressively enhanced mobile navigation. Desktop links stay inline. */
.navigation-toggle{display:none;flex:none;align-items:center;justify-content:center;width:48px;height:48px;min-height:48px;padding:10px;margin:0;border:0;background:transparent;color:var(--ink);border-radius:0}
.navigation-toggle[hidden],.mobile-navigation>nav[hidden]{display:none!important}
.navigation-toggle svg{width:26px;height:26px;stroke-width:1.6}
.navigation-toggle:hover{background:#eef0ea}
.navigation-toggle .menu-close{display:none}
.navigation-toggle[aria-expanded="true"] .menu-bars{display:none}
.navigation-toggle[aria-expanded="true"] .menu-close{display:block}
@media(max-width:1200px){
 .site-header.mobile-navigation{flex-wrap:wrap;justify-content:space-between;gap:0 8px;padding-block:8px}
 .mobile-navigation>.navigation-toggle{display:inline-flex;flex:none;margin:0}
 .site-header.mobile-navigation>nav{display:grid;grid-template-columns:1fr 1fr;flex-basis:100%;width:100%;gap:0 24px;margin:0;padding:14px 0;border-top:1px solid var(--line);font-size:13px}
 .mobile-navigation>nav>a{min-height:48px}
}
@media(max-width:600px){
 .site-header.mobile-navigation{min-height:64px;padding-block:4px;padding-top:max(4px,env(safe-area-inset-top))}
 .site-header.mobile-navigation .brand-lockup{gap:8px;min-height:56px;padding-block:4px}
 .site-header.mobile-navigation .brand-symbol{width:42px}
 .site-header.mobile-navigation .brand-type{display:flex}
 .site-header.mobile-navigation .wordmark{font-size:18px;white-space:nowrap}
 .site-header.mobile-navigation .brand-tagline{display:none}
}
@media(max-width:360px){
 .site-header.mobile-navigation .brand-symbol{width:38px}
 .site-header.mobile-navigation .wordmark{font-size:16px}
 .site-header.mobile-navigation .brand-tagline{font-size:7.5px}
 .mobile-navigation>.navigation-toggle{width:44px;height:44px;min-height:44px;padding:9px}
}

/* Desktop refinement: preserve the100px symbol; trim padding, enlarge labels. */
@media(min-width:1201px){
 .site-header.mobile-navigation{min-height:0;padding-block:4px;gap:24px}
 .site-header.mobile-navigation .brand-lockup{min-height:0;padding-block:2px}
 .site-header.mobile-navigation>nav{font-size:16px;gap:22px}
 .site-header.mobile-navigation>nav a,.site-header.mobile-navigation>nav summary{min-height:44px}
}