/* Narrow-screen alignment overrides for existing components. Keep form fields and long body text readable. */
/* Center stacked presentation sections; keep detailed reading and forms aligned. */
@media (max-width: 899px) {
  .hero-copy {
    text-align: center;
  }
  .hero-copy .hero-lead {
    margin-inline: auto;
  }
  .hero-copy .actions {
    justify-content: center;
  }
  .hero-note {
    justify-content: center;
    text-align: center;
  }

  .weather-row > span {
    text-align: center;
  }
  .weather-row small {
    margin-left: 0;
  }

  #metarlight .split > div:last-child {
    text-align: center;
  }
  #metarlight .split > div:last-child > p {
    max-width: 40rem;
    margin-inline: auto;
  }
  #metarlight .features {
    max-width: 30rem;
    margin-inline: auto;
    text-align: left;
  }

  .how > .wrap > .eyebrow,
  .how > .wrap > h2,
  .products > .wrap > .eyebrow,
  .products > .wrap > h1,
  .products > .wrap > h2,
  .products > .wrap > p,
  #story .story-copy > .eyebrow,
  #story .story-copy > h2,
  #story .story-copy > .story-signoff {
    text-align: center;
  }

  .products .section-lead {
    margin-inline: auto;
  }
  .products .filters {
    justify-content: center;
  }
  .airport-story {
    text-align: center;
  }
  .airport-story p {
    margin-inline: auto;
  }
  .airport-story .chips {
    justify-content: center;
  }
  #story .story-photo {
    max-width: 520px;
    margin-inline: auto;
  }
  #story .story-photo figcaption {
    text-align: center;
  }
  #story .story-copy > p:not(.eyebrow):not(.story-signoff) {
    margin-inline: auto;
  }

  .footer-grid {
    text-align: center;
  }
  .footer-grid .brand {
    justify-content: center;
  }
  .cookie-banner {
    text-align: center;
  }
  .cookie-banner form {
    justify-content: center;
  }
  .cookie-preferences {
    justify-content: center;
  }

  .content-page > .eyebrow,
  .content-page > h1 {
    text-align: center;
  }
  .contact-form {
    margin-inline: auto;
    text-align: left;
  }
}