/* Route stages: header above a two-column grid of Strava route maps. */
.cma-page-layout.block-route-stages {
  background: #fff;
}

.cma-page-layout .route-stages__header {
  max-width: 48rem;
  margin-bottom: 2rem;
}

.cma-page-layout .route-stages__title {
  color: var(--cma-dark-grey);
}

.cma-page-layout .route-stages__intro,
.cma-page-layout .route-stages__intro p {
  color: var(--cma-dark-grey);
}

.cma-page-layout .route-stages__grid > .field,
.cma-page-layout .route-stages__grid > .field > .field__items {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 2rem;
}

.cma-page-layout .route-stage__label {
  margin-bottom: 0.5rem;
}

html body .cma-page-layout .route-stage__title {
  margin: 0 0 0.75rem;
  font-size: var(--cma-fs-h4);
  color: var(--cma-dark-grey);
}

.cma-page-layout .route-stage__map {
  position: relative;
  overflow: hidden;
}

.cma-page-layout .route-stage__iframe {
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;
  min-height: 320px;
  border: 0;
}

.cma-page-layout .route-stage__map-overlay {
  position: absolute;
  inset: 0;
  z-index: 10;
}

/* ---- Responsive ---- */
@media (max-width: 1400px) {}

@media (max-width: 1200px) {}

@media (max-width: 992px) {
  .cma-page-layout .route-stages__grid > .field,
  .cma-page-layout .route-stages__grid > .field > .field__items {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 768px) {}

@media (max-width: 576px) {}