/* NAV-1 (27 Oct 2026): main menu in the public headers of /daily-quiz, /current-affairs and
   /discussions (app/PublicNav.php). Scoped to .pnav; the header rows (.dqz-in / .dqp-in) only
   get wrapping on phones so the menu can drop to its own scrollable row. */
.pnav { display: flex; align-items: center; gap: 2px; min-width: 0; }
.pnav a { color: #3a4357; text-decoration: none; font-weight: 600; font-size: 13.5px; padding: 7px 10px; border-radius: 8px; white-space: nowrap; }
.pnav a:hover { background: #eef3ff; color: #2952cc; }
.pnav a.on { background: #eef3ff; color: #2952cc; }
.pnav a:focus-visible { outline: 2px solid #2952cc; outline-offset: 1px; }

/* the quiz/CA header row is 860px like the page; with the menu it gets the forum's width */
.dqz-top .dqz-in:has(.pnav) { max-width: 1060px; }
.dqz-top .dqz-btn, .dqp-top .dqp-btn { white-space: nowrap; flex: none; }
/* narrower screens: the freejobalert.com links go first, our three pages always stay */
@media (max-width: 1000px) { .pnav a[target="_blank"] { display: none; } }

/* phones / small tablets: the menu becomes a full-width second row that scrolls sideways */
@media (max-width: 760px) {
  .dqz-in, .dqp-in { flex-wrap: wrap; row-gap: 4px; }
  .pnav { order: 10; flex: 1 0 100%; overflow-x: auto; scrollbar-width: none; margin: 0 -16px; padding: 2px 12px 2px; -webkit-overflow-scrolling: touch; }
  .pnav::-webkit-scrollbar { display: none; }
  .pnav a { font-size: 13px; padding: 6px 10px; background: #f2f4f8; }
  .pnav a.on { background: #2952cc; color: #fff; }
  .pnav a[target="_blank"] { display: inline-block; }
}