/* Livestreams become a featured media signal only while public and scheduled/live. */
.media-collection-results { display:none; }
.media-collection-results.is-open:not([hidden]) { display:block; }
.livestream-feature { display:grid; grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr); margin:0 0 30px; overflow:hidden; border:1px solid rgba(122,158,228,.35); border-left:4px solid #eb223d; background:linear-gradient(135deg,#182744,#111722 66%); box-shadow:0 18px 46px rgba(0,0,0,.2); }
.livestream-feature.is-live { border-left-color:#ff3150; box-shadow:0 0 0 1px rgba(255,49,80,.28),0 18px 46px rgba(0,0,0,.25); }
.livestream-art { display:block; position:relative; min-height:280px; overflow:hidden; background:#0b1019; }
.livestream-art img { display:block; width:100%; height:100%; object-fit:cover; aspect-ratio:16/9; transition:transform .25s ease; }
.livestream-art:hover img { transform:scale(1.035); }
.livestream-copy { display:flex; flex-direction:column; justify-content:center; align-items:flex-start; padding:clamp(24px,3.5vw,52px); }
.livestream-eyebrow { color:#ff5b70; font:900 12px/1.2 var(--terminal); letter-spacing:.15em; text-transform:uppercase; }
.livestream-feature.is-live .livestream-eyebrow { color:#ff354e; }
.livestream-copy h2 { margin:20px 0 14px; max-width:20ch; color:#fff; font:900 clamp(28px,3.2vw,49px)/1 var(--display); letter-spacing:-.035em; text-transform:uppercase; }
.livestream-time { margin:0; color:#c5d2e6; font-size:15px; line-height:1.45; }
.livestream-action { display:inline-flex; align-items:center; justify-content:center; min-height:45px; margin-top:25px; padding:10px 18px; border:1px solid #8ea8e4; color:#fff; background:rgba(47,91,208,.2); font:900 12px/1 var(--terminal); letter-spacing:.06em; text-transform:uppercase; transition:background .2s ease; }
.livestream-action:hover,.livestream-action:focus-visible { background:#2f5bd0; }
.broadcast-signal { background:linear-gradient(155deg,rgba(229,32,57,.18),rgba(47,91,208,.13)); }
.broadcast-signal>span { color:#ff7283; }
.broadcast-signal>small { color:#d6e1f4; }
@media (max-width:820px) { .livestream-feature { grid-template-columns:1fr; } .livestream-art { min-height:0; } .livestream-copy { padding:25px; } .livestream-copy h2 { max-width:none; } }