/* Mobile fixes layered on top of style.css (loaded after it).
   The new site CSS (PPK-2026 @ 1176dd0) is responsive on its own; only the two
   gaps below showed up in screenshots at 360/414/768/1024/1440. */

/* Tablet (769-1024): nav links ("For Whom") and the "Buy Tickets" button wrapped onto two lines. */
@media (min-width: 769px) and (max-width: 1024px) {
  .navbar-container { gap: 1.25rem; }
  .nav-links { gap: 1.1rem; }
  .nav-links a { white-space: nowrap; font-size: 0.9rem; }
  .navbar .btn-sm { white-space: nowrap; }
}

/* Small phones (<=480): the two-column mentor credentials grid squeezed "Co-founder & Team Alignment" into a 4-line stack. */
@media (max-width: 480px) {
  .coach-credentials { grid-template-columns: 1fr; gap: 1.25rem; }
}