/* V39: Compact homepage media previews (two per section) + a full media directory. */
body.public-site.page-index .home-youtube-card.home-media-compact{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  align-items:stretch!important;
  height:auto!important;
  min-height:0!important;
  overflow:hidden!important;
  border-radius:20px!important;
}
body.public-site.page-index .home-media-compact .home-youtube-split-left,
body.public-site.page-index .home-media-compact .home-youtube-split-right{
  display:flex!important;
  flex-direction:column!important;
  height:auto!important;
  min-height:0!important;
  min-width:0!important;
  overflow:visible!important;
}
body.public-site.page-index .home-media-compact .home-youtube-head,
body.public-site.page-index .home-media-compact .home-youtube-head.alt-side{
  min-height:92px!important;
  height:auto!important;
  display:flex!important;
  gap:10px!important;
  align-items:center!important;
  justify-content:space-between!important;
  flex-wrap:wrap!important;
}
body.public-site.page-index .home-media-compact .home-youtube-head>div{flex:1 1 180px;min-width:0}
body.public-site.page-index .home-media-compact .home-youtube-head h2{line-height:1.3!important}
body.public-site.page-index .home-media-compact .home-media-view-all{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  border:1px solid #d6e3e3!important;
  border-radius:12px!important;
  min-height:36px!important;
  padding:7px 12px!important;
  margin:0!important;
  background:#fff!important;
  color:#17614a!important;
  -webkit-text-fill-color:#17614a!important;
  font-size:11px!important;
  font-weight:850!important;
  white-space:nowrap!important;
  text-decoration:none!important;
}
body.public-site.page-index .home-media-compact .home-media-view-all:hover{border-color:#78bb9c!important;background:#f0faf4!important}
body.public-site.page-index .home-media-preview-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-template-rows:auto!important;
  gap:12px!important;
  padding:13px!important;
  align-content:start!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
  overscroll-behavior:auto!important;
  background:#fff!important;
  flex:1 0 auto!important;
}
body.public-site.page-index .home-media-compact .home-media-video-tile,
body.public-site.page-index .home-media-compact .home-media-live-tile{
  min-width:0!important;
  min-height:0!important;
  display:flex!important;
  border:1px solid #e0e8ec!important;
  border-radius:14px!important;
  background:linear-gradient(165deg,#fff,#f9fbfc)!important;
  overflow:hidden!important;
  text-decoration:none!important;
  box-shadow:0 6px 14px rgba(24,44,59,.045)!important;
  transition:border-color .16s,box-shadow .16s,transform .16s!important;
}
body.public-site.page-index .home-media-compact a:hover{
  text-decoration:none!important;
}
body.public-site.page-index .home-media-compact .home-media-video-tile:hover,
body.public-site.page-index .home-media-compact .home-media-live-tile:hover{
  transform:translateY(-1px)!important;
  border-color:#80bc9e!important;
  box-shadow:0 10px 23px rgba(24,44,59,.08)!important;
}
body.public-site.page-index .home-media-video-tile{flex-direction:column!important;gap:5px!important;padding:8px!important}
body.public-site.page-index .home-media-video-thumb{
  width:100%!important;
  aspect-ratio:16/9!important;
  max-height:none!important;
  display:block!important;
  position:relative!important;
  border-radius:9px!important;
  overflow:hidden!important;
  background:linear-gradient(135deg,#28304c,#22664d)!important;
}
body.public-site.page-index .home-media-video-thumb img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  border-radius:0!important;
}
body.public-site.page-index .home-media-play{
  position:absolute!important;left:50%!important;top:50%!important;
  transform:translate(-50%,-50%)!important;
  display:grid!important;place-items:center!important;
  width:38px!important;height:38px!important;
  border-radius:50%!important;
  background:rgba(18,31,44,.78)!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important;
  font-size:15px!important;
  box-shadow:0 5px 14px rgba(0,0,0,.2)!important;
}
body.public-site.page-index .home-media-tile-title,
body.public-site.page-index .home-media-live-copy strong{
  display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;
  overflow:hidden!important;
  color:#22334c!important;-webkit-text-fill-color:#22334c!important;
  font-weight:850!important;font-size:12px!important;line-height:1.4!important;
  overflow-wrap:anywhere!important;
}
body.public-site.page-index .home-media-video-tile>small{
  color:#287455!important;-webkit-text-fill-color:#287455!important;
  font-size:10px!important;font-weight:750!important;margin-top:auto!important;
}
body.public-site.page-index .home-media-live-tile{
  align-items:center!important;
  flex-direction:column!important;
  justify-content:center!important;
  gap:8px!important;
  min-height:0!important;
  padding:16px 12px!important;
  text-align:center!important;
}
body.public-site.page-index .home-media-live-icon{
  display:grid!important;place-items:center!important;
  flex:none!important;
  width:43px!important;height:43px!important;
  border-radius:12px!important;
  font-size:20px!important;font-weight:900!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important;
  background:linear-gradient(135deg,#e55460,#b71c42)!important;
}
body.public-site.page-index .home-media-live-tile:has(.home-media-live-icon:first-child) .home-media-live-icon{box-shadow:0 6px 15px rgba(104,41,63,.10)!important}
body.public-site.page-index .home-media-live-copy{display:flex!important;flex-direction:column!important;gap:5px!important;min-width:0!important;align-items:center!important}
body.public-site.page-index .home-media-live-copy small{
  display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;
  overflow:hidden!important;font-size:10px!important;color:#6f7e93!important;-webkit-text-fill-color:#6f7e93!important;
}
body.public-site.page-index .home-media-live-copy>span{font-size:10px!important;color:#21745c!important;-webkit-text-fill-color:#21745c!important;font-weight:800!important}
body.public-site.page-index .home-media-empty{
  display:flex!important;align-items:center!important;justify-content:center!important;
  gap:12px!important;margin:13px!important;min-height:165px!important;
  padding:16px!important;border:1px dashed #d1e0e5!important;border-radius:14px!important;
  background:#f6fafb!important;
  color:#21384c!important;-webkit-text-fill-color:#21384c!important;
}
body.public-site.page-index .home-media-empty>span{
  width:44px!important;height:44px!important;flex:none!important;border-radius:12px!important;
  display:grid!important;place-items:center!important;background:#fff!important;color:#277557!important;
  border:1px solid #dbe9e9!important;
}
body.public-site.page-index .home-media-empty strong{display:block!important;font-size:13px!important;color:#264354!important;-webkit-text-fill-color:#264354!important}
body.public-site.page-index .home-media-empty p{font-size:11px!important;color:#61798a!important;-webkit-text-fill-color:#61798a!important;margin-top:3px!important;line-height:1.5!important}
@media(max-width:1180px){
  body.public-site.page-index .home-youtube-card.home-media-compact{grid-template-columns:1fr!important}
}
@media(max-width:550px){
  body.public-site.page-index .home-media-preview-grid{grid-template-columns:1fr!important;padding:10px!important;gap:9px!important}
  body.public-site.page-index .home-media-video-tile{flex-direction:row!important;align-items:center!important;gap:12px!important;padding:8px!important}
  body.public-site.page-index .home-media-video-thumb{width:112px!important;min-width:112px!important;flex:0 0 112px!important}
  body.public-site.page-index .home-media-video-tile .home-media-tile-title{flex:1!important}
  body.public-site.page-index .home-media-video-tile>small{display:none!important}
  body.public-site.page-index .home-media-live-tile{flex-direction:row!important;justify-content:flex-start!important;text-align:left!important;min-height:72px!important;padding:11px!important}
  body.public-site.page-index .home-media-live-copy{align-items:flex-start!important;gap:3px!important}
  body.public-site.page-index .home-media-compact .home-youtube-head{min-height:0!important}
}

/* Detail page: a public listing, no nested scrolling. */
body.public-site .media-directory-section{padding:24px 12px 50px!important}
body.public-site .media-directory-section>.container{max-width:1200px!important;margin:0 auto!important}
body.public-site .media-directory-hero{
  padding:22px 25px!important;
  border-radius:20px!important;
  background:linear-gradient(110deg,#2a1c3b,#1a5e48)!important;
  color:#fff!important;
  box-shadow:0 15px 30px rgba(24,32,50,.13)!important;
}
body.public-site .media-directory-eyebrow{font-size:10px!important;letter-spacing:.13em!important;color:#dfbf84!important;-webkit-text-fill-color:#dfbf84!important;font-weight:900!important}
body.public-site .media-directory-hero h1{font-size:clamp(19px,2.3vw,27px)!important;font-weight:900!important;color:#fff!important;-webkit-text-fill-color:#fff!important;margin:8px 0!important;line-height:1.3!important}
body.public-site .media-directory-hero p{font-size:13px!important;color:#e7e7ee!important;-webkit-text-fill-color:#e7e7ee!important;margin:0!important}
body.public-site .media-directory-tabs{display:flex!important;flex-wrap:wrap!important;gap:10px!important;margin:18px 0!important}
body.public-site .media-directory-tabs a{display:inline-flex!important;align-items:center!important;gap:7px!important;padding:9px 15px!important;border:1px solid #dce6eb!important;border-radius:12px!important;color:#244459!important;-webkit-text-fill-color:#244459!important;background:#fff!important;font-size:13px!important;text-decoration:none!important;font-weight:800!important}
body.public-site .media-directory-tabs a.is-active{border-color:#187354!important;background:#166448!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
body.public-site .media-directory-tabs a span{opacity:.75}
body.public-site .media-directory-viewer,
body.public-site .media-directory-live-detail{background:#fff!important;border:1px solid #dfebed!important;border-radius:18px!important;overflow:hidden!important;box-shadow:0 12px 30px rgba(28,42,58,.07)!important}
body.public-site .media-directory-video-frame{aspect-ratio:16/9!important;width:100%!important;max-height:580px!important;background:#122d3a!important}
body.public-site .media-directory-video-frame iframe{width:100%!important;height:100%!important;border:0!important;display:block!important}
body.public-site .media-directory-viewer-caption{padding:18px 20px!important;display:flex!important;align-items:center!important;gap:15px!important;justify-content:space-between!important;flex-wrap:wrap!important}
body.public-site .media-directory-label{font-size:10px!important;color:#287758!important;-webkit-text-fill-color:#287758!important;font-weight:900!important;letter-spacing:.12em!important}
body.public-site .media-directory-viewer-caption h2,
body.public-site .media-directory-live-copy h2{margin:5px 0!important;color:#20334b!important;-webkit-text-fill-color:#20334b!important;font-size:clamp(16px,1.8vw,22px)!important;line-height:1.4!important}
body.public-site .media-directory-viewer-caption>a,
body.public-site .media-directory-watch{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:40px!important;padding:9px 14px!important;border-radius:10px!important;background:#17684e!important;color:#fff!important;-webkit-text-fill-color:#fff!important;text-decoration:none!important;font-size:12px!important;font-weight:850!important}
body.public-site .media-directory-list-title{font-size:17px!important;color:#22344a!important;-webkit-text-fill-color:#22344a!important;margin:25px 0 13px!important}
body.public-site .media-directory-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:13px!important;align-items:stretch!important}
body.public-site .media-directory-card{display:flex!important;flex-direction:column!important;min-width:0!important;gap:8px!important;padding:11px!important;border:1px solid #e1e8ec!important;border-radius:14px!important;background:#fff!important;text-decoration:none!important;box-shadow:0 7px 20px rgba(24,47,66,.045)!important}
body.public-site .media-directory-card.is-selected{border-color:#46a27c!important;box-shadow:0 0 0 2px rgba(39,141,96,.12)!important}
body.public-site .media-directory-card:hover{border-color:#70b398!important}
body.public-site .media-directory-card-image{position:relative!important;width:100%!important;aspect-ratio:16/9!important;overflow:hidden!important;border-radius:10px!important;background:linear-gradient(130deg,#322643,#176549)!important}
body.public-site .media-directory-card-image img{width:100%!important;height:100%!important;display:block!important;object-fit:cover!important}
body.public-site .media-directory-card-image>span{position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:40px!important;height:40px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:rgba(18,35,40,.79)!important;color:#fff!important}
body.public-site .media-directory-card strong{color:#263b50!important;-webkit-text-fill-color:#263b50!important;font-size:13px!important;line-height:1.4!important;overflow-wrap:anywhere!important}
body.public-site .media-directory-card small{font-size:11px!important;color:#347559!important;-webkit-text-fill-color:#347559!important;font-weight:700!important}
body.public-site .media-directory-live-detail{display:flex!important;align-items:center!important;gap:19px!important;padding:22px!important;flex-wrap:wrap!important}
body.public-site .media-directory-live-icon,
body.public-site .media-directory-stream-icon{display:grid!important;place-items:center!important;background:#b92c48!important;border-radius:14px!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:23px!important;font-weight:900!important;width:56px!important;height:56px!important;flex:none!important}
body.public-site .media-directory-live-copy{flex:1 1 210px!important;min-width:0!important}
body.public-site .media-directory-live-copy p{margin:5px 0!important;font-size:12px!important;color:#66778b!important;-webkit-text-fill-color:#66778b!important}
body.public-site .media-directory-stream-icon{width:44px!important;height:44px!important;font-size:18px!important}
body.public-site .media-directory-card-action{font-size:11px!important;color:#287958!important;-webkit-text-fill-color:#287958!important;font-weight:800!important}
body.public-site .media-directory-empty{display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;min-height:220px!important;gap:12px!important;background:#f6f9fa!important;border:1px dashed #d7e3e8!important;border-radius:18px!important;padding:30px!important;text-align:center!important}
body.public-site .media-directory-empty>span{font-size:28px!important;color:#278061!important;-webkit-text-fill-color:#278061!important}
body.public-site .media-directory-empty strong{font-size:16px!important;color:#273e52!important;-webkit-text-fill-color:#273e52!important}
body.public-site .media-directory-empty p{font-size:12px!important;color:#728497!important;-webkit-text-fill-color:#728497!important}
@media(max-width:850px){body.public-site .media-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:550px){
 body.public-site .media-directory-grid{grid-template-columns:1fr!important}
 body.public-site .media-directory-section{padding:12px 8px 32px!important}
 body.public-site .media-directory-hero{padding:18px!important}
 body.public-site .media-directory-live-detail{gap:11px!important;padding:16px!important}
 body.public-site .media-directory-viewer-caption{padding:13px!important}
 body.public-site .media-directory-video-frame{aspect-ratio:16/9!important}
}

/* Keep the two preview rows visually balanced on large screens; no internal scroll. */
@media(min-width:1181px){
 body.public-site.page-index .home-media-compact .home-media-live-grid{
  grid-template-rows:1fr!important;
  align-content:stretch!important;
  flex:1 1 auto!important;
 }
 body.public-site.page-index .home-media-compact .home-media-live-tile{height:100%!important}
}
body.public-site.page-index .home-media-live-tile.platform-facebook .home-media-live-icon{background:linear-gradient(135deg,#367cd6,#254c9b)!important}
body.public-site.page-index .home-media-video-thumb img[hidden]{display:none!important}