/* Kortbane uses the same 50/50 component as the other discipline pages.
   Keep this page-specific adjustment separate from their shared stylesheet. */
.track-training {
  padding: 0;
}

/* Retired focus fields remain compatible with saved CMS content, but their
   numbered strip must not reappear or occupy space at any breakpoint. */
.track-metrics[hidden] {
  display: none;
}

.track-training-test {
  background: #e9e5dc;
  color: #111;
}

/* These are ordinary adjacent copy panels, not the legacy three-column intro.
   Keep the existing h3/field selector for Testen, with the same row typography. */
.track-training-intro.public-split-copy {
  gap: 0;
}

.track-test-copy h3 {
  font-size: clamp(4rem, 7.5vw, 8rem);
}

.track-test-copy > h3 {
  margin: 20px 0 30px;
}

.track-training .public-split-media > img:not(.website-placement-crop) {
  position: absolute;
  inset: 0;
}

.track-training .public-split-media::after {
  content: "";
  position: absolute;
  inset: 60% 0 0;
  background: linear-gradient(transparent, #07121bc9);
  pointer-events: none;
}

.track-training figcaption {
  position: absolute;
  z-index: 1;
  left: 24px;
  right: 24px;
  bottom: 22px;
  color: #fff;
  font-size: .58rem;
  line-height: 1.4;
  letter-spacing: .16em;
  font-weight: 800;
}

@media (max-width: 900px) {
  .track-training-test > .track-test-copy {
    grid-column: 1;
  }

  .track-test-copy h3 {
    font-size: clamp(3.5rem, 14vw, 5.6rem);
  }

  .track-test-copy > h3 {
    margin: 18px 0 26px;
  }
}

@media (max-width: 360px) {
  .track-test-copy h3 {
    font-size: 3.05rem;
  }

  .track-training figcaption {
    left: 16px;
    right: 16px;
    bottom: 16px;
    font-size: .5rem;
    letter-spacing: .1em;
  }
}