/* Public regional and interpreter navigation: shared brand and native mobile menu. */
.site-mobile-nav { display: none; }
.network-header { background: #f8fbff; color: #172033; border-bottom: 1px solid #dfe7f1; min-height: 64px; }
.network-logo { color: #071326; white-space: nowrap; font-size: 1rem; gap: 9px; }
.network-brand-mark { display: grid; place-items: center; width: 36px; height: 36px; flex: 0 0 36px; border-radius: 12px; background: linear-gradient(135deg,#0757b8,#18a0fb); color: #fff; font-weight: 900; box-shadow: 0 5px 14px #0757b826; }
.network-header > nav a { color: #34536e; min-height: 44px; display: inline-flex; align-items: center; }
.network-header > nav a:hover { color: #0757b8; }
.network-header { font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans SC","Noto Sans JP",sans-serif; }
@media (max-width: 760px) {
  .network-header { align-items: center; padding: 8px 16px; min-height: 60px; }
  .network-header > nav { display: none; }
  .site-mobile-nav { position: relative; display: block; flex: 0 0 auto; margin-left: auto; }
  .site-mobile-nav > summary { display: grid; place-items: center; list-style: none; width: 44px; height: 44px; padding: 0; border: 1px solid #071326; border-radius: 11px; background: #071326; color: #fff; cursor: pointer; font: 700 1.1rem/1 system-ui,sans-serif; }
  .site-mobile-nav > summary::-webkit-details-marker { display: none; }
  .site-mobile-nav[open] > summary { background: #164e86; }
  .site-mobile-nav__panel { position: absolute; z-index: 100; right: 0; top: calc(100% + 10px); width: min(300px,calc(100vw - 32px)); max-height: min(70dvh,500px); overflow-y: auto; display: grid; gap: 4px; padding: 10px; border: 1px solid #d8e4f2; border-radius: 16px; background: #fff; box-shadow: 0 18px 42px #07132626; }
  .site-mobile-nav__panel a { display: flex; align-items: center; min-height: 44px; padding: 10px 12px; border-radius: 10px; color: #172033; font-size: .93rem; font-weight: 650; line-height: 1.5; text-decoration: none; overflow-wrap: anywhere; }
  .site-mobile-nav__panel a:hover, .site-mobile-nav__panel a[aria-current="page"] { background: #eaf3ff; color: #0757b8; }
  .site-mobile-nav :focus-visible { outline: 3px solid #d6a94f; outline-offset: 3px; }
}