/* Keep the primary tabs available at tablet and phone widths. */
.topbar nav { display: flex; }
@media (max-width: 1000px) {
  .topbar { height: auto; min-height: 94px; display: grid; grid-template-columns: 1fr auto; gap: 6px 12px; padding: 10px 16px 0; }
  .topbar .brand { grid-column: 1; grid-row: 1; }
  .topbar .account { grid-column: 2; grid-row: 1; }
  .topbar nav { grid-column: 1 / -1; grid-row: 2; margin-left: 0; min-height: 36px; max-width: calc(100vw - 32px); overflow-x: auto; }
  .topbar nav a { flex: 0 0 auto; white-space: nowrap; }
}