.journey-page .slide-media > .slide-image {
  order: 1 !important;
}

.journey-page .slide-media > figcaption {
  order: 2 !important;
  display: block;
}

/* Les écrans de début, de fin et de quiz utilisent l'espace disponible comme
   une vraie diapositive. Les marges automatiques retombent à zéro si le
   contenu devient plus haut que l'écran : le défilement reste alors possible. */
.journey-page .slide[data-type="introduction"] .slide-content,
.journey-page .slide[data-type="conclusion"] .slide-content,
.journey-page .slide[data-type="quiz"] .slide-content {
  display: flex;
  flex-direction: column;
}

.journey-page .slide[data-type="introduction"] .slide-content > :first-child,
.journey-page .slide[data-type="conclusion"] .slide-content > :first-child,
.journey-page .slide[data-type="quiz"] .slide-content > :first-child {
  margin-top: auto;
}

.journey-page .slide[data-type="introduction"] .slide-content > :last-child,
.journey-page .slide[data-type="conclusion"] .slide-content > :last-child,
.journey-page .slide[data-type="quiz"] .slide-content > :last-child {
  margin-bottom: auto;
}

.journey-page .slide[data-type="quiz"] .slide-copy + .journey-quiz {
  margin-top: clamp(14px, 2.5vh, 28px);
}

.journey-related {
  position: relative;
  z-index: 1;
  padding: clamp(42px, 6vw, 88px) max(20px, 5vw);
  background: transparent;
  color: #123f49;
}

body.journey-page {
  background: linear-gradient(to bottom, #eef7f7 0%, #d7e9e7 38%, #4f929a 70%, #043b53 100%) fixed !important;
}

body.journey-page > .extFooter,
body.journey-page > .extFooter[class*="cid-"],
body.journey-page > footer,
body.journey-page > .extFooter > .container,
body.journey-page > .extFooter .footer-lower,
body.journey-page > .extFooter #creativecommons {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

.journey-related__inner {
  width: min(1500px, 100%);
  margin: 0 auto;
}

.journey-related h2 {
  margin: 6px 0 28px;
  font-size: clamp(1.8rem, 3vw, 3rem);
}

.journey-related .next-journeys__grid {
  grid-template-columns: repeat(auto-fit, minmax(min(280px, 100%), 1fr));
  align-items: stretch;
}

.journey-related .next-journey-card {
  display: grid;
  grid-template-rows: clamp(150px, 15vw, 230px) minmax(0, 1fr);
  height: 100%;
}

.journey-related .next-journey-card__media {
  width: 100%;
  height: 100%;
  min-height: 0;
  overflow: hidden;
}

.journey-related .next-journey-card__media img {
  display: block;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
}

.journey-related .next-journey-card__media--failed::before {
  content: "DIVE.EXPLO360.FR";
  color: #278c91;
  font-weight: 900;
  letter-spacing: .08em;
}

.journey-related .next-journey-card__copy {
  min-height: 0;
}

@media (max-width: 800px) {
  .journey-related {
    padding: 36px 16px;
  }
}