.broadcast{color:#fff;background:#080f16;padding:80px max(7vw,50vw - 720px)}.broadcast-head{justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px;display:flex}.broadcast-head p{color:#e05249;font-weight:800}.broadcast-head h2{margin:10px 0;font:clamp(32px,5vw,62px)/1.1 Georgia,serif}.broadcast-clock{text-align:center;border:1px solid #ffffff2e;padding:14px 24px}.broadcast-clock small{color:#9eabb4;display:block}.broadcast-clock strong{font:34px monospace}.broadcast-layout{grid-template-columns:1fr 320px;gap:20px;display:grid}.broadcast-screen{background:#000;min-height:520px;position:relative}.broadcast-screen iframe{border:0;width:100%;height:520px}.broadcast-caption{background:#111f29;align-items:center;gap:18px;padding:17px 20px;display:flex}.broadcast-caption span{color:#f05a50;font-weight:800}.broadcast-caption i{background:#f05a50;border-radius:50%;width:8px;height:8px;margin-left:6px;display:inline-block}.broadcast-caption small{color:#9eabb4;margin-right:auto}.broadcast aside{flex-direction:column;gap:8px;display:flex}.broadcast aside button{text-align:right;color:#fff;cursor:pointer;background:#111e28;border:1px solid #ffffff1b;align-items:center;gap:15px;padding:18px;display:flex}.broadcast aside button.active{background:#1b2934;border-color:#e05249}.broadcast aside button>span{color:#e05249;font:26px Georgia,serif}.broadcast aside button div{flex-direction:column;display:flex}.broadcast aside button small{color:#91a0aa;margin-top:5px}.broadcast aside .stop{background:#9f2923;justify-content:center;margin-top:auto;font-weight:800}.broadcast-off{align-content:center;place-items:center;gap:20px;height:520px;display:grid}.broadcast-off b{font:40px Georgia,serif}.broadcast-off button{background:#fff;border:0;padding:13px 25px}.broadcast-note{color:#94a2ac;font-size:13px;line-height:1.8}@media (width<=900px){.broadcast-layout{grid-template-columns:1fr}.broadcast-screen,.broadcast-screen iframe,.broadcast-off{height:340px;min-height:340px}.broadcast aside{grid-template-columns:1fr 1fr;display:grid}.broadcast aside .stop{grid-column:1/-1}.broadcast-caption{flex-wrap:wrap}.broadcast-caption small{width:100%}}@media (width<=600px){.broadcast-head{display:block}.broadcast-clock{text-align:right}.broadcast aside{grid-template-columns:1fr}}
