/* Mobile menu: the nav links fold into a button below 760px (shared by every page) */
.menu-btn { display: none; }
@media (max-width: 760px) {
  .menu-btn { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; margin-right: -10px;
              background: none; border: 0; border-radius: 3px; color: #1f52bf; cursor: pointer; }
  .menu-btn:focus-visible { outline: 2px solid #19c2a0; outline-offset: 2px; }
  .menu-btn svg { width: 26px; height: 26px; }
  body > nav.open ul { display: flex; flex-direction: column; gap: 0; position: absolute; left: 0; right: 0; top: 100%;
                       background: #fff; border-bottom: 1px solid #e3e7ef; box-shadow: 0 12px 24px rgba(14,23,38,.08);
                       padding: 6px 16px 14px; font-size: 17px; }
  body > nav.open ul li + li { border-top: 1px solid #eef1f6; }
  body > nav.open ul a { display: block; padding: 14px 2px; color: #0e1726; }
  body > nav.open ul a:hover, body > nav.open ul a[aria-current] { color: #1f52bf; }
}
@media (max-width: 760px) and (prefers-color-scheme: dark) {
  .menu-btn { color: #fff; }
  body > nav.open ul { background: #0a111e; border-bottom-color: #1f2b40; box-shadow: 0 12px 24px rgba(0,0,0,.4); }
  body > nav.open ul li + li { border-top-color: #1f2b40; }
  body > nav.open ul a { color: #eef2f8; }
  body > nav.open ul a:hover, body > nav.open ul a[aria-current] { color: #6b95ff; }
}