/* Keep first-visit navigation and secondary actions comfortable on phones. */
@media screen and (max-width: 720px) {
  .top-nav {
    gap: 0;
  }

  .top-nav .nav-button {
    flex: 1 1 0;
    min-width: 0;
    min-height: 44px;
    padding: 10px 8px;
    white-space: normal;
  }

  .availability-banner a,
  .hero-objective-preview > a,
  .release-signup-fallback a,
  .back-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
  }
}