/* Mobile bottom navigation (KNOWN-3, 2026-10-14): with eight entries the labels ran into each
 * other on a 390px phone and the page scrolled sideways. The bar now scrolls horizontally,
 * every entry keeps its own space, and the active entry is scrolled into view (header.php). */
@media (max-width: 899px) {
  .bottom-nav { justify-content: flex-start; overflow-x: auto; overscroll-behavior-x: contain;
    scrollbar-width: none; -webkit-overflow-scrolling: touch; }
  .bottom-nav::-webkit-scrollbar { display: none; }
  .bottom-nav-item { flex: 0 0 auto; min-width: 72px; padding-inline: .35rem; white-space: nowrap; text-align: center; }
}