/* Mobile navigation only: five contained touch targets plus an accessible More menu. */
@media (max-width:720px) {
  .mobile-nav {
    display:grid !important;
    grid-template-columns:repeat(5,minmax(0,1fr));
    align-items:stretch;
    gap:4px;
    box-sizing:border-box;
    width:100%;
    max-width:100vw;
    overflow:hidden;
    overscroll-behavior-x:none;
    scroll-snap-type:none;
  }

  .mobile-nav a,
  .mobile-nav .mobile-nav-more {
    display:grid;
    min-width:0;
    min-height:46px;
    padding:6px 3px;
    place-items:center;
    border:0;
    border-radius:8px;
    background:transparent;
    color:#53627c;
    font:800 11px/1.1 inherit;
    text-align:center;
    text-decoration:none;
    white-space:normal;
    overflow-wrap:anywhere;
    cursor:pointer;
  }

  .mobile-nav a.mobile-nav-overflow { display:none !important; }
  .mobile-nav .mobile-nav-more[hidden] { display:none !important; }
  .mobile-nav .mobile-nav-more[aria-expanded="true"] { background:var(--primary-soft); color:var(--primary); }

  .mobile-nav-more > span:first-child { display:block; font-size:14px; letter-spacing:1px; line-height:.55; }
  .mobile-nav-more > span:last-child { display:block; margin-top:5px; }

  .mobile-nav-more-panel {
    position:fixed;
    z-index:30;
    right:10px;
    bottom:calc(72px + env(safe-area-inset-bottom));
    left:10px;
    max-width:540px;
    max-height:min(52vh,390px);
    margin:auto;
    padding:10px;
    overflow-y:auto;
    overscroll-behavior:contain;
    border:1px solid var(--line);
    border-radius:14px;
    background:rgba(255,255,255,.98);
    box-shadow:0 14px 34px rgba(24,37,65,.26);
  }

  .mobile-nav-more-panel[hidden] { display:none; }
  .mobile-nav-more-panel h2 { margin:4px 5px 9px; font-size:13px; }
  .mobile-nav-more-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; }
  .mobile-nav-more-list button {
    min-height:46px;
    padding:8px 10px;
    border:1px solid var(--line);
    border-radius:9px;
    background:var(--panel);
    color:var(--ink);
    font:800 13px/1.15 inherit;
    text-align:left;
    overflow-wrap:anywhere;
  }
  .mobile-nav-more-list button:focus-visible,
  .mobile-nav .mobile-nav-more:focus-visible { outline:3px solid #8ed8ff; outline-offset:2px; }

  .galaxy .mobile-nav .mobile-nav-more { color:#c8d3ea; }
  .galaxy .mobile-nav-more-panel { background:rgba(19,29,51,.99); border-color:#35476d; box-shadow:0 14px 34px rgba(0,0,0,.42); }
  .galaxy .mobile-nav-more-list button { background:#1b2945; border-color:#35476d; color:#edf2ff; }
}