/* A compact, keyboard-accessible header menu on narrow screens. */
.menu-toggle { display:none; }
@media (max-width:700px) {
  [data-mobile-header] { position:relative; z-index:30; }
  [data-mobile-header] .header-row,
  [data-mobile-header].topbar { position:relative; flex-wrap:nowrap; align-items:center; justify-content:space-between; min-height:72px; height:auto; gap:12px; }
  [data-mobile-header] .brand { min-width:0; flex-shrink:1; }
  [data-mobile-header] .menu-toggle {
    display:flex; flex:0 0 46px; width:46px; height:46px; flex-direction:column;
    align-items:center; justify-content:center; gap:5px; border:1px solid rgba(11,60,93,.25);
    border-radius:10px; background:#f4f8fa; color:#0b3c5d;
    box-shadow:0 2px 6px rgba(11,60,93,.18); cursor:pointer;
  }
  [data-mobile-header] .menu-toggle span { display:block; width:20px; height:2px; border-radius:2px; background:currentColor; }
  [data-mobile-header] .menu-toggle:hover,
  [data-mobile-header] .menu-toggle[aria-expanded="true"] { background:#eaf3f5; box-shadow:0 3px 8px rgba(11,60,93,.22); }
  [data-mobile-header] .menu-toggle:focus-visible { outline:3px solid #00a8a8; outline-offset:3px; }
  [data-mobile-header] [data-mobile-nav] { display:none!important; }
  [data-mobile-header] [data-mobile-nav].is-open {
    display:flex!important; position:absolute; top:calc(100% - 1px); right:0; z-index:31;
    width:min(320px,calc(100vw - 32px)); margin:0; padding:12px; flex-direction:column;
    align-items:stretch; gap:8px; background:#fff; color:#0b3c5d;
    border:1px solid #d9e1e5; border-radius:0 0 12px 12px;
    box-shadow:0 15px 32px rgba(11,60,93,.2);
  }
  [data-mobile-header] [data-mobile-nav] a,
  [data-mobile-header] [data-mobile-nav] button { width:100%; min-height:44px; justify-content:center; text-align:center; }
  html[data-theme="dark"] [data-mobile-header] [data-mobile-nav].is-open { background:#0e1a2a; border-color:#273e55; color:#e2f4ff; }
  html[data-theme="dark"] [data-mobile-header] .menu-toggle { background:#172a3e; border-color:#31516b; color:#e2f4ff; }
  html[data-theme="dark"] [data-mobile-header] .menu-toggle:hover,
  html[data-theme="dark"] [data-mobile-header] .menu-toggle[aria-expanded="true"] { background:#234158; }
}