/* MG Learnings — hero recovery, 7 October 2026.
   Load after page styles. Fix only image-based pageHero geometry.
   Basisschool and Vakken remain the unchanged visual references.
   The ID scopes the repair and overrides legacy inset variants reliably. */
body:not(.route-basisschool):not(.route-vakken) main#content .pageHero:has(> .pageHero__image) {
  align-items: stretch !important;
}
body:not(.route-basisschool):not(.route-vakken) main#content .pageHero > .pageHero__image {
  position: relative !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: none !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  align-self: stretch !important;
  justify-self: stretch !important;
  overflow: hidden !important;
  box-shadow: none !important;
}
body:not(.route-basisschool):not(.route-vakken) main#content .pageHero > .pageHero__image::before,
body:not(.route-basisschool):not(.route-vakken) main#content .pageHero > .pageHero__image::after {
  content: none !important;
  display: none !important;
}
body:not(.route-basisschool):not(.route-vakken) main#content .pageHero > .pageHero__image > img,
body:not(.route-basisschool):not(.route-vakken) main#content .pageHero > .pageHero__image > picture,
body:not(.route-basisschool):not(.route-vakken) main#content .pageHero > .pageHero__image > picture > img {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  transform: none !important;
  object-fit: cover !important;
  /* Existing page-specific object-position is deliberately preserved. */
}
@media (min-width: 901px) {
  body:not(.route-basisschool):not(.route-vakken) main#content .pageHero > .pageHero__image {
    height: auto !important;
    min-height: 0 !important;
  }
  /* Keep the long heading inside its copy column beside the restored photo. */
  body.route-begeleiding main#content .pageHero h1 {
    font-size: clamp(36px, 4.1vw, 68px) !important;
  }
}
@media (max-width: 900px) {
  body:not(.route-basisschool):not(.route-vakken) main#content .pageHero:has(> .pageHero__image) {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  body:not(.route-basisschool):not(.route-vakken) main#content .pageHero > .pageHero__copy {
    min-width: 0 !important;
  }
  body:not(.route-basisschool):not(.route-vakken) main#content .pageHero > .pageHero__image {
    order: -1 !important;
    height: 58vh !important;
    height: 58svh !important;
    min-height: 0 !important;
  }
  body.route-begeleiding main#content .pageHero h1 {
    font-size: clamp(30px, 8vw, 44px) !important;
    line-height: 1.06 !important;
  }
}