@media (max-width: 760px) {
  nav#topnav {
    contain: none !important;
    overflow: visible !important;
    z-index: 9000 !important;
  }
  .nav-links-desktop { display: none !important; }
  .nav-toggle { display: inline-flex !important; position: relative !important; z-index: 9002 !important; }
  #mobile-menu-panel { display: none !important; }
  #mobile-menu-panel:target {
    display: flex !important;
    position: fixed !important;
    top: 58px !important;
    left: 0 !important;
    right: 0;
    z-index: 9001 !important;
    flex-direction: column !important;
    background: rgba(2, 5, 9, 0.99) !important;
    padding: 1.1rem 1.5rem 1.35rem !important;
    border-bottom: 1px solid rgba(0, 212, 170, 0.18) !important;
    box-shadow: 0 24px 40px rgba(0, 0, 0, 0.45) !important;
  }
  #mobile-menu-panel a {
    display: block !important;
    padding: 0.95rem 0 !important;
    text-align: center !important;
    border-bottom: 1px solid rgba(200, 230, 255, 0.06) !important;
    color: var(--cream-dim) !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    letter-spacing: 0.16em !important;
    font-size: 0.82rem !important;
  }
  #mobile-menu-panel .mobile-menu-close {
    align-self: flex-end !important;
    border-bottom: 0 !important;
    padding: 0 0 0.7rem !important;
    font-size: 1.35rem !important;
  }
}