/* Mobile header topbar adjustments */
@media (max-width:700px){
  .topbar{font-size:12px}
  .topbar-inner{justify-content:space-between;gap:10px;height:30px;flex-wrap:nowrap}
  .topbar-link,.topbar-note{font-size:12px;white-space:nowrap}
  .topbar .container{padding:0 12px}
  /* Hamburger menu text color on dark background */
  .menu a{color:#fff}
  .menu a:hover{color:var(--yellow)}
}
@media (max-width:380px){
  .topbar{font-size:11px}
  .topbar-inner{gap:6px;height:28px}
  .topbar-link,.topbar-note{font-size:11px}
}