/* responsive.css — legacy file. The new style.css handles responsive natively via clamp() and inline media queries. */

@media (max-width: 991px) {
  .nav__links { display: none; }
  .nav__toggle { display: inline-flex; }
  .nav__inner { grid-template-columns: 1fr auto; }
  .nav.is-open .nav__links {
    display: flex;
    position: absolute;
    top: 100%;
    left: 0; right: 0;
    flex-direction: column;
    align-items: stretch;
    padding: 1rem var(--rail-pad);
    background: var(--paper);
    border-bottom: 1px solid var(--bone-200);
    gap: 0.4rem;
  }
  .nav.is-open .nav__links a {
    padding: 0.9rem 0;
    border-bottom: 1px solid var(--bone-200);
  }
  .nav.is-open .nav__links a:last-child { border-bottom: 0; }
}

@media (max-width: 480px) {
  .hero__meta { grid-template-columns: 1fr; }
  .hero__meta .hero__metric { padding-block: 0.8rem; border-top: 1px solid rgba(10,10,10,0.08); }
  .hero__meta .hero__metric:first-child { border-top: 0; }
  .form-grid { grid-template-columns: 1fr; }
  .fare-card__cta { flex-direction: column; align-items: stretch; }
}