/* Five native navigation tabs use the same header at narrower widths. */
@media (max-width: 1000px) {
  .tl-header { gap: 18px; }
  .tl-header nav { gap: 8px; }
}
@media (max-width: 767px) {
  .tl-header { height: auto; min-height: 56px; flex-wrap: wrap; }
  .tl-header nav { display: flex; order: 3; width: 100%; overflow-x: auto; gap: 12px; min-height: 43px; }
  .tl-header nav button { flex-shrink: 0; }
}