/* V17 - front page image canvases. Narrower than 1280 automatically on small screens. */
.v5-home .v5-spot-section{width:100%;max-width:var(--ph17-canvas-spot-width,1280px);margin-inline:auto}
.v5-home .v5-spot-media{height:var(--ph17-canvas-spot-height,165px);aspect-ratio:auto;overflow:hidden}
.v5-home .v5-spot-media img{display:block;width:100%;height:100%;object-fit:cover}
.v5-home .v5-front-stage{width:100%;max-width:var(--ph17-canvas-stage-width,1160px);margin-left:auto;margin-right:auto;grid-template-columns:minmax(0,1fr) minmax(190px,var(--ph17-canvas-agenda-width,265px));gap:14px}
.v5-home .v5-slider-stage{height:var(--ph17-canvas-main-height,330px)!important;max-height:none!important;aspect-ratio:auto!important}
.v5-home .v5-agenda-cards{height:min(calc(2 * var(--ph17-canvas-agenda-height,190px) + 12px),calc(var(--ph17-canvas-main-height,330px) + 47px));min-height:0;grid-template-rows:repeat(2,minmax(0,1fr));gap:12px}
.v5-home .v5-agenda-card{min-height:0;height:100%}
.v5-home .v5-agenda-card>div:first-child{height:61%}
@media(max-width:850px){
 .v5-home .v5-front-stage{grid-template-columns:minmax(0,1fr)}
 .v5-home .v5-agenda-cards{height:auto;grid-template-rows:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .v5-home .v5-agenda-card{height:var(--ph17-canvas-agenda-mobile-height,185px)}
}
@media(max-width:550px){
 .v5-home .v5-spot-media{height:var(--ph17-canvas-spot-mobile-height,112px)}
 .v5-home .v5-slider-stage{height:var(--ph17-canvas-main-mobile-height,240px)!important;max-height:none!important}
 .v5-home .v5-agenda-card{height:var(--ph17-canvas-agenda-mobile-height,185px)}
}

.v5-home .v5-feed .card-media, .v5-home .v5-cat-grid .card-media{height:var(--ph17-canvas-normal-height,180px);aspect-ratio:auto}
.v5-home .v5-feed .card-media img, .v5-home .v5-cat-grid .card-media img{width:100%;height:100%;object-fit:cover}
@media(max-width:550px){.v5-home .v5-feed .card-media, .v5-home .v5-cat-grid .card-media{height:var(--ph17-canvas-normal-mobile-height,125px)}}

/* V18: shorter, editorial headline; removes the visual space once occupied by a summary. */
.v5-home .v5-slider-stage .v5-slide-gradient{padding:64px 22px 20px;background:linear-gradient(0deg,rgba(8,13,24,.91) 0%,rgba(8,13,24,.52) 51%,transparent 100%)}
.v5-home .v5-slider-stage .v5-slide-gradient h2{font-size:clamp(22px,2.45vw,var(--ph15-font-main-title,32px));font-weight:850;letter-spacing:-.032em;line-height:1.16;margin:7px 0 0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden}
.v5-home .v5-slider-stage .v5-slide-gradient p{display:none!important}
.v5-home .v5-slider-stage .v5-slide-gradient>span{font-size:11px}
@media (max-width:850px){
  .v5-home .v5-agenda-cards{height:auto}
}
@media (max-width:550px){
  .v5-home .v5-slider-stage .v5-slide-gradient{padding:60px 15px 15px}
  .v5-home .v5-slider-stage .v5-slide-gradient h2{font-size:clamp(19px,5.2vw,28px);line-height:1.18}
}