/* Phase 6C15 — dynamic media tabs + fully readable cards */

/* Tabs: scroll cleanly when the taxonomy grows. */
.ozb-media-tabs-scroll,
#media-preview .ozb-phase5-filterbar,
.ozb-media6b-filterbar{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-wrap:nowrap!important;
  gap:10px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  overscroll-behavior-inline:contain;
  scroll-snap-type:x proximity;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
  padding-bottom:8px!important;
}
.ozb-media-tabs-scroll::-webkit-scrollbar,
#media-preview .ozb-phase5-filterbar::-webkit-scrollbar,
.ozb-media6b-filterbar::-webkit-scrollbar{display:none!important}
.ozb-media-tabs-scroll button,
#media-preview .ozb-phase5-filterbar button,
.ozb-media6b-filterbar button{flex:0 0 auto!important;scroll-snap-align:center!important}

/* Homepage media grid: stable layout, no title clipping. */
body.home #media-preview .ozb-phase5-grid{
  display:grid!important;
  grid-template-columns:repeat(12,minmax(0,1fr))!important;
  grid-auto-flow:row dense!important;
  gap:20px!important;
  overflow:visible!important;
  padding:0!important;
  margin:0!important;
}
body.home #media-preview .ozb-phase5-card,
body.home #media-preview .ozb-phase5-card:nth-child(n),
body.home #media-preview .ozb-phase5-card:first-child{
  grid-column:span 4!important;
  grid-row:auto!important;
  display:block;
  min-width:0!important;
  min-height:470px!important;
  height:auto!important;
  border-radius:24px!important;
  overflow:hidden!important;
}
body.home #media-preview .ozb-phase5-card:nth-child(1){grid-column:span 6!important;min-height:590px!important}
body.home #media-preview .ozb-phase5-card:nth-child(2),
body.home #media-preview .ozb-phase5-card:nth-child(3){grid-column:span 3!important;min-height:285px!important}
body.home #media-preview .ozb-phase5-card:nth-child(4),
body.home #media-preview .ozb-phase5-card:nth-child(5){grid-column:span 3!important;min-height:285px!important}
body.home #media-preview .ozb-phase5-card:nth-child(n+7){display:none!important}
body.home #media-preview .ozb-phase5-card.is-c15-filter-match{display:block!important}
body.home #media-preview .ozb-phase5-card.is-c15-filter-hidden{display:none!important}
body.home #media-preview .ozb-phase5-card>a{position:relative!important;inset:auto!important;display:block!important;height:100%!important;min-height:inherit!important}
body.home #media-preview .ozb-phase5-img{position:absolute!important;inset:0!important;height:100%!important}
body.home #media-preview .ozb-phase5-img:after{
  content:"";position:absolute;inset:0;z-index:1;
  background:linear-gradient(180deg,rgba(0,0,0,.05) 20%,rgba(0,0,0,.40) 52%,rgba(5,4,6,.96) 100%)!important;
}
body.home #media-preview .ozb-phase5-content{
  position:absolute!important;left:0!important;right:0!important;bottom:0!important;z-index:3!important;
  display:flex!important;flex-direction:column!important;align-items:flex-start!important;
  max-height:100%!important;padding:24px!important;overflow:visible!important;
}
body.home #media-preview .ozb-phase5-content h3{
  display:block!important;overflow:visible!important;max-height:none!important;
  margin:6px 0 10px!important;font-size:clamp(25px,2.1vw,39px)!important;
  line-height:.96!important;letter-spacing:-.025em!important;word-break:normal!important;overflow-wrap:anywhere!important;
}
body.home #media-preview .ozb-title-long .ozb-phase5-content h3{font-size:clamp(22px,1.75vw,31px)!important;line-height:1!important}
body.home #media-preview .ozb-title-xlong .ozb-phase5-content h3{font-size:clamp(19px,1.45vw,27px)!important;line-height:1.02!important}
body.home #media-preview .ozb-title-xxlong .ozb-phase5-content h3{font-size:clamp(17px,1.25vw,23px)!important;line-height:1.05!important}
body.home #media-preview .ozb-phase5-content p{
  display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:4!important;
  overflow:hidden!important;margin:0 0 14px!important;font-size:14px!important;line-height:1.55!important;
}

/* Media Centre cards: title always readable; excerpt is the only clamped element. */
.ozb-media6b-card-body{display:flex!important;flex-direction:column!important;align-items:flex-start!important;overflow:visible!important}
.ozb-media6b-card h3{
  display:block!important;overflow:visible!important;max-height:none!important;
  font-size:clamp(25px,2.15vw,38px)!important;line-height:1!important;
  overflow-wrap:anywhere!important;word-break:normal!important;
}
.ozb-media6b-card.ozb-title-long h3{font-size:clamp(22px,1.75vw,31px)!important;line-height:1.02!important}
.ozb-media6b-card.ozb-title-xlong h3{font-size:clamp(19px,1.45vw,27px)!important;line-height:1.04!important}
.ozb-media6b-card.ozb-title-xxlong h3{font-size:clamp(17px,1.2vw,23px)!important;line-height:1.07!important}
.ozb-media6b-card p{display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:4!important;overflow:hidden!important}

@media(max-width:1100px){
  body.home #media-preview .ozb-phase5-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.home #media-preview .ozb-phase5-card,
  body.home #media-preview .ozb-phase5-card:nth-child(n){grid-column:span 1!important;min-height:410px!important}
  body.home #media-preview .ozb-phase5-card:first-child{grid-column:span 2!important;min-height:520px!important}
}
@media(max-width:760px){
  body.home #media-preview .ozb-phase5-grid{
    display:flex!important;gap:14px!important;overflow-x:auto!important;overflow-y:hidden!important;
    scroll-snap-type:x mandatory!important;padding:2px 16px 22px!important;margin-inline:-16px!important;
    overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;
  }
  body.home #media-preview .ozb-phase5-card,
  body.home #media-preview .ozb-phase5-card:nth-child(n),
  body.home #media-preview .ozb-phase5-card:first-child{
    flex:0 0 min(84vw,360px)!important;min-height:460px!important;grid-column:auto!important;scroll-snap-align:center!important;
  }
  body.home #media-preview .ozb-phase5-content{padding:22px!important}
  body.home #media-preview .ozb-phase5-content h3{font-size:30px!important}
  body.home #media-preview .ozb-title-long .ozb-phase5-content h3{font-size:25px!important}
  body.home #media-preview .ozb-title-xlong .ozb-phase5-content h3{font-size:22px!important}
  body.home #media-preview .ozb-title-xxlong .ozb-phase5-content h3{font-size:19px!important}
  .ozb-media6b-card h3{font-size:29px!important}
  .ozb-media6b-card.ozb-title-long h3{font-size:25px!important}
  .ozb-media6b-card.ozb-title-xlong h3{font-size:22px!important}
  .ozb-media6b-card.ozb-title-xxlong h3{font-size:19px!important}
}