/* Final narrow-screen corrections. Loaded after the generated styles. */
@media (max-width: 720px) {
  .age-explorer__flip-grid,
  .service-age-tabs__deck {
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100%;
  }

  .age-explorer__flip-grid > :first-child,
  .age-explorer__flip-grid > :nth-child(2),
  .age-explorer__flip-grid > :nth-child(3),
  .age-explorer__flip-grid > :nth-child(4),
  .service-age-tabs__deck > * {
    grid-column: 1 / -1 !important;
    width: 100%;
    max-width: 100%;
  }

  .age-explorer__flip-grid .interactive-flip-card,
  .service-age-tabs__deck .interactive-flip-card {
    width: 100%;
    max-width: 100%;
    min-height: 350px;
  }

  .interactive-flip-card__face {
    min-width: 0;
    max-width: 100%;
  }

  .interactive-flip-card__face > strong {
    max-width: 100%;
    font-size: clamp(1.65rem, 8.5vw, 2.2rem);
    line-height: 0.98;
    overflow-wrap: break-word;
    word-break: normal;
  }

  .interactive-flip-card__body,
  .interactive-flip-card__details,
  .interactive-flip-card__action {
    max-width: 100%;
  }

  .age-explorer__interaction-hint,
  .service-age-tabs__interaction-hint {
    align-items: flex-start;
  }

  .age-explorer__interaction-hint span,
  .service-age-tabs__interaction-hint span {
    line-height: 1.45;
    white-space: normal;
  }
}

@media (max-width: 420px) {
  .age-explorer__flip-grid .interactive-flip-card,
  .service-age-tabs__deck .interactive-flip-card {
    min-height: 330px;
  }

  .age-explorer__flip-grid .interactive-flip-card__face,
  .service-age-tabs__deck .interactive-flip-card__face {
    padding: 21px;
  }

  .interactive-flip-card__face > strong {
    font-size: clamp(1.55rem, 8.8vw, 1.95rem);
  }

  .interactive-flip-card__action {
    width: 100%;
    justify-content: space-between;
  }
}