@media (max-width: 900px) {
  .tidal-account-nav { position: static; height: auto; padding: 6px 8px; overflow: visible; }
  .tidal-account-nav .tidal-mobile-menu { display: none; }
  .tidal-account-nav > nav,
  .tidal-account-nav[data-open="true"] > nav { display: flex; flex-wrap: nowrap; gap: 2px; padding: 0; max-height: none; overflow-x: auto; overflow-y: hidden; scrollbar-width: thin; }
  .tidal-account-nav > nav > div { display: contents; }
  .tidal-account-nav > nav a { display: flex; flex: 1 0 auto; justify-content: center; align-items: center; min-width: 0; min-height: 34px; padding: 6px 2px; margin: 0; gap: 0; font-size: 12px; line-height: 1.4; text-align: center; white-space: nowrap; }
  .tidal-account-nav > nav a svg { display: none; }
  .tidal-account-nav > nav a span { font-size: inherit; white-space: nowrap; }
}

@media (max-width: 640px) {
  .tidal-period-tabs { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); width: 100%; max-width: 100%; min-width: 0; gap: 2px; padding: 4px; overflow: visible; border-radius: 14px; }
  .tidal-period-tabs button { width: 100%; min-width: 0; padding: 8px 2px; gap: 4px; border-radius: 10px; font-size: 12px; line-height: 18px; }
  .tidal-period-tabs button > span { white-space: nowrap; }
  .tidal-period-tabs .tidal-period-saving { display: block; width: 100%; min-width: 0; min-height: 28px; white-space: normal; font-size: 10px; line-height: 14px; text-align: center; }
  .tidal-period-tabs .tidal-period-saving svg { display: inline-block; width: 10px; height: 10px; margin-right: 2px; vertical-align: -1px; }
}