/* Dot Box only: keep mobile language controls comfortably tappable. */
@media (max-width: 768px) {
  .navbar .nav-actions .lang-switcher > .lang-btn,
  .navbar .mobile-menu .mobile-lang > .lang-btn {
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    min-width: 44px !important;
    min-height: 44px !important;
  }
}

/* At 320px, reclaim the page's narrow side gutters for the header controls. */
@media (max-width: 340px) {
  .navbar {
    width: calc(100% + 16px) !important;
    margin-inline: -8px !important;
  }

  .navbar .nav-inner {
    padding-inline: 4px !important;
    gap: 0.25rem !important;
  }
}