/* v52 — final polish for the merged events card and updated 2026 documents */

.service-card--event-wide{
  min-height:500px;
}
.service-card--event-wide .service-card__media--poster{
  padding:20px;
  background:linear-gradient(180deg,#fbfcff 0%,#f2f5ff 100%);
}
.service-card--event-wide .service-card__media--poster img{
  width:auto!important;
  max-width:100%!important;
  height:auto!important;
  max-height:470px!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  border-radius:20px!important;
}
.service-card--event-wide .service-card__body{
  padding:34px 34px 32px!important;
}
.service-card--event-wide .service-card__body h2{
  max-width:760px;
}
.service-card--event-wide .service-card__lead{
  max-width:800px;
}

.parents-certificates__grid button{
  min-width:0;
}
.parents-certificates__grid img{
  background:#fff;
}

@media (max-width:760px){
  .service-card--event-wide{
    min-height:0;
  }
  .service-card--event-wide .service-card__media--poster{
    height:auto!important;
    padding:14px!important;
  }
  .service-card--event-wide .service-card__media--poster img{
    width:100%!important;
    max-height:none!important;
    border-radius:18px!important;
  }
  .service-card--event-wide .service-card__body{
    padding:24px 20px 26px!important;
  }
}

body.vision-mode .service-card--event-wide .service-card__media--poster img{
  width:auto!important;
  max-width:min(100%,520px)!important;
  max-height:none!important;
}
@media(max-width:760px){
  body.vision-mode .service-card--event-wide .service-card__media--poster img{
    width:100%!important;
  }
}

/* Accessibility mode must keep the full event poster visible rather than forcing the generic media height. */
body.vision-mode[data-vision-size] .service-card--event-wide .service-card__media--poster{
  height:auto!important;
  min-height:0!important;
  overflow:visible!important;
}
body.vision-mode[data-vision-size] .service-card--event-wide .service-card__media--poster img{
  display:block!important;
  width:auto!important;
  max-width:min(100%,520px)!important;
  height:auto!important;
  max-height:none!important;
  object-fit:contain!important;
}
@media(max-width:760px){
  body.vision-mode[data-vision-size] .service-card--event-wide .service-card__media--poster img{
    width:100%!important;
    max-width:100%!important;
  }
}