/* QOSINT public shell composition: keep mobile navigation in one scrollable row. */
a.button[data-avds-component="button"]:focus-visible {
  position: relative;
  z-index: 1;
  outline: 3px solid var(--av-color-blue-500);
  outline-offset: 3px;
}

@media (max-width: 760px) {
  :root { --osint-sticky-header: 115px; }

  .mobile-navigation {
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-inline: 4px;
    scroll-padding-inline: 40px;
  }
}

@media (max-width: 360px) {
  .locale-nav { gap: 4px; }
  .locale-nav a {
    flex: 0 0 auto;
    min-width: 30px;
    padding-inline: 0;
    font-size: .75rem;
  }
}
