/* Responsibilities: final cross-page responsive overrides. Load order: 5 of 5, after service-page styles. */

@media (max-width: 900px) {
  .container {
    width: calc(100% - 2rem);
    max-width: 358px;
    margin-inline: 1rem;
  }
  .menu-toggle {
    display: block;
  }
  .nav-links {
    display: none;
    position: absolute;
    top: 76px;
    left: 0;
    right: 0;
    flex-direction: column;
    align-items: flex-start;
    padding: var(--space-3) 1rem 1.5rem;
    border-bottom: 1px solid var(--line);
    background: inherit;
  }
  .nav-links.is-open {
    display: flex;
  }
  .nav-links .button {
    width: 100%;
  }
  .hero-grid,
  .two-col {
    grid-template-columns: 1fr;
  }
  .hero {
    padding-block: 3.5rem;
  }
  .hero-image {
    display: none;
  }
  .navy-hero {
    min-height: 560px;
  }
  .card-grid,
  .steps,
  .trust-list {
    grid-template-columns: 1fr;
  }
  .cta-block,
  .footer-grid {
    flex-direction: column;
    align-items: flex-start;
  }
  .form-row {
    grid-template-columns: 1fr;
  }
}