/* DANQVORA V25 — visibility repair for the classic Brief/About navbar only. */
/* Desktop: nav#navMenu must occupy its real header column. */
@media (min-width: 1001px) {
  html body .navbar nav#navMenu {
    display: flex !important;
    visibility: visible !important;
    position: relative;
    min-width: 0;
    flex-direction: row;
    align-items: center;
    overflow-x: auto;
    scrollbar-width: none;
  }
  html body .navbar nav#navMenu::-webkit-scrollbar { display: none; }
}
/* Tablet/mobile: the existing menu button toggles .active (main.js)
   or .open (site-shell.css). Avoid exposing the expanded mobile menu. */
@media (max-width: 1000px) {
  html body .navbar nav#navMenu { display: none !important; }
  html body .navbar nav#navMenu.active,
  html body .navbar nav#navMenu.open {
    display: flex !important;
    flex-direction: column;
    align-items: stretch;
    max-height: calc(100vh - 74px);
    overflow-y: auto;
  }
}
@media (min-width: 821px) and (max-width: 1000px) {
  html body .navbar nav#navMenu { top: 74px; }
  html body .navbar nav#navMenu.active,
  html body .navbar nav#navMenu.open { background: #080808; }
  html body .navbar nav#navMenu a { min-height: 46px; }
}
@media (max-width: 820px) {
  html body .navbar nav#navMenu.active,
  html body .navbar nav#navMenu.open { max-height: calc(100vh - 66px); }
}