/* Discovery Sicilia STUDIO Bridge 2.5.4 — one persistent VIDEO DOM, responsive layout only. */
#ds-site-shell{display:block;position:relative}
.ds-broadcast{--bc-bg:#071e36;--bc-line:#264059;box-sizing:border-box;position:fixed;right:18px;bottom:22px;z-index:75;width:min(390px,calc(100vw - 36px));filter:drop-shadow(0 12px 30px #0005);color:#fff;font:inherit;transition:width .22s ease,right .22s ease,bottom .22s ease,top .22s ease,transform .22s ease}
.ds-broadcast *, .ds-broadcast *:before{box-sizing:border-box}
.ds-broadcast[hidden],.ds-broadcast [hidden]{display:none!important}
.ds-broadcast-card{background:var(--bc-bg);border:1px solid var(--bc-line);border-radius:18px;overflow:hidden;box-shadow:0 22px 60px rgba(0,0,0,.22)}
.ds-broadcast-head,.ds-broadcast-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 11px}
.ds-broadcast-head{background:#092d4f}.ds-broadcast-identity{display:flex;align-items:center;gap:7px;font-size:11px;letter-spacing:.05em}.ds-broadcast-identity strong span{color:#dfc17f}
.ds-broadcast-dot{width:8px;height:8px;background:#8295a4;border-radius:50%;display:inline-block;flex:0 0 auto}
.ds-broadcast-actions{display:flex;gap:4px}
.ds-broadcast button{cursor:pointer;border:1px solid #68809a;background:#193e5e;color:#fff;border-radius:7px;min-height:30px;padding:3px 9px;font-size:12px}
.ds-broadcast button:hover,.ds-broadcast button:focus-visible{background:#36688a;outline:2px solid #dfc17f;outline-offset:1px}
.ds-broadcast-stage{position:relative;aspect-ratio:16/9;background:#07111e}
#ds-program-video,#ds-program-frame{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:contain;background:#050b14;border:0}
#ds-program-frame[hidden],#ds-program-video[hidden]{display:none!important}
.ds-broadcast-cover{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;text-align:center;background:linear-gradient(135deg,#061c31,#164a69);padding:18px}
.ds-broadcast-cover-mark{font-size:11px;font-weight:850;letter-spacing:.14em;color:#e4be73}
.ds-broadcast-cover strong{font-size:clamp(16px,2vw,23px)}.ds-broadcast-cover [role=status]{max-width:29ch;font-size:13px;line-height:1.45}
.ds-broadcast-foot{font-size:11px;color:#cad4df}.ds-broadcast-foot a{color:#eccd8a;white-space:nowrap}
.ds-broadcast-reopen{margin-left:auto;display:block!important;background:#082949!important;padding:11px 14px!important;border-radius:999px!important;font-weight:750;box-shadow:0 12px 35px rgba(0,0,0,.22)}
.ds-broadcast-reopen[hidden]{display:none!important}
.ds-broadcast-compact{background:#082949;border:1px solid #7b96af;border-radius:999px;display:flex;align-items:center;justify-content:space-around;gap:10px;padding:7px 11px;font-size:11px;box-shadow:0 12px 35px rgba(0,0,0,.22)}
.ds-broadcast-compact[hidden]{display:none!important}
.ds-broadcast.ds-is-playing .ds-broadcast-dot{background:#e04b53;box-shadow:0 0 0 3px #e04b5335}

/* HOME · DESKTOP: TV occupies the free right-hand column of the hero. */
@media(min-width:901px){
  .ds-on-home .hero{position:relative}
  .ds-on-home .hero .hero-inner{padding-right:clamp(480px,45vw,690px)}
  .ds-on-home #ds-broadcast{
    position:absolute;
    z-index:12;
    top:var(--ds-live-home-top,150px);
    right:var(--ds-live-home-right,5vw);
    bottom:auto;
    width:var(--ds-live-home-width,min(44vw,650px));
    max-width:650px;
    filter:none;
  }
  .ds-on-home .ds-broadcast-card{border-radius:22px;border-color:rgba(255,255,255,.22);box-shadow:0 26px 70px rgba(0,0,0,.32)}
  .ds-on-home .ds-broadcast-stage{aspect-ratio:16/9}
  .ds-on-home .ds-broadcast-head,.ds-on-home .ds-broadcast-foot{padding:12px 15px}
  .ds-on-home .ds-broadcast-reopen,.ds-on-home .ds-broadcast-compact{margin-left:auto;max-width:390px}
}

/* INTERNAL PAGES · DESKTOP: persistent floating window bottom-right. */
@media(min-width:901px){
  body:not(.ds-on-home) #ds-broadcast{position:fixed;right:18px;bottom:22px;top:auto;width:min(390px,calc(100vw - 36px))}
}

/* HOME · MOBILE: TV sits immediately below hero; space is reserved so it never overlaps following sections. */
@media(max-width:900px){
  .ds-broadcast{right:10px;bottom:82px;width:calc(100vw - 20px);max-width:520px}
  .ds-on-home .hero{margin-bottom:var(--ds-live-mobile-reserve,0px)}
  .ds-on-home #ds-broadcast{
    position:absolute;
    z-index:12;
    top:var(--ds-live-home-top,620px);
    left:12px;
    right:12px;
    bottom:auto;
    width:auto;
    max-width:none;
    filter:none;
  }
  .ds-on-home .ds-broadcast-card{border-radius:18px}
  .ds-on-home .ds-broadcast-stage{aspect-ratio:16/9}
  .ds-on-home .ds-broadcast-reopen,.ds-on-home .ds-broadcast-compact{margin:0 auto;width:min(100%,520px)}
  body:not(.ds-on-home) #ds-broadcast{
    position:fixed;
    left:10px;
    right:10px;
    bottom:82px;
    top:auto;
    width:auto;
    max-width:none;
  }
  body:not(.ds-on-home) .ds-broadcast-card{border-radius:16px}
  body:not(.ds-on-home) .ds-broadcast-head{padding:7px 9px}
  body:not(.ds-on-home) .ds-broadcast-foot{padding:7px 9px}
  body:not(.ds-on-home) .ds-broadcast-stage{max-height:min(44vh,320px)}
  .ds-broadcast-identity{font-size:10px}
}

@media(max-width:620px){
  .ds-on-home #ds-broadcast{left:10px;right:10px}
  body:not(.ds-on-home) #ds-broadcast{bottom:80px}
  .ds-broadcast-actions button[data-bc="mute"]{min-width:82px}
  .ds-broadcast-foot{font-size:10px}
}
@media(prefers-reduced-motion:reduce){.ds-broadcast{transition:none}.ds-broadcast *{animation:none!important;transition:none!important}}