/* Four predictable destinations, shared by desktop and mobile pages. */
.main-nav a { min-height:44px; display:inline-flex; align-items:center; }
.main-nav a:focus-visible, .bottom-nav a:focus-visible { outline:3px solid var(--apc-gold); outline-offset:2px; }
.bottom-nav .bn-icon { display:block; width:23px; height:23px; flex-shrink:0; }
html[data-theme="dark"] .bottom-nav a.active { color:#fff; }
@media (min-width:701px) and (max-width:1100px) {
  header .nav { gap:12px; }
  .main-nav { gap:12px; }
  header .apc-userbar .apc-username { display:none!important; }
}
@media (max-width:700px) {
  .bottom-nav a { min-width:0; min-height:52px; gap:4px; font-size:12px; }
  .bottom-nav { padding-bottom:env(safe-area-inset-bottom, 0px); }
}
@media (min-width:701px) and (max-width:1000px) {
  header .apc-userbar > span { display:none!important; }
  header .apc-userbar { padding-left:5px!important; }
}