/* v5.70: only the front-page featured visual and full Sable TV player. */
body section[data-home-block="hero"].sfc-theme-hero .sfc-theme-hero-inner {
 min-height:0!important; height:auto!important; align-items:start!important;
}
body section[data-home-block="hero"].sfc-theme-hero .sfc-theme-hero-inner > .sfc-theme-headline.sfc-hero-studio {
 box-sizing:border-box!important; width:var(--sfc-hero-width-d,100%)!important;
 max-width:100%!important; height:var(--sfc-hero-height-d,580px)!important;
 min-height:0!important; max-height:none!important; aspect-ratio:auto!important;
 margin-left:auto!important; margin-right:auto!important; align-self:start!important;
 justify-self:center!important; flex-shrink:0!important;
}
@media (max-width:850px), (max-width:1100px) and (pointer:coarse) {
 body section[data-home-block="hero"].sfc-theme-hero .sfc-theme-hero-inner > .sfc-theme-headline.sfc-hero-studio {
  width:var(--sfc-hero-width-m,100%)!important; height:var(--sfc-hero-height-m,400px)!important;
 }
}
/* Use available width instead of the old viewport-height width cap. Keep the
   chat alongside the player, with at least 250px for the chat. Page scrolls. */
@media (min-width:851px) {
 body.sfc-watch-page .sfc-watch-mobile-shell .sfc-watch-wrap {
  max-width:1800px!important; width:100%!important;
 }
 body.sfc-watch-page .sfc-watch-wrap .sfc-watch-layout {
  grid-template-columns:minmax(0,calc(100% - 312px)) minmax(0,1fr)!important;
  grid-template-columns:minmax(0,min(var(--sfc-live-width-d,74%),calc(100% - 262px))) minmax(0,1fr)!important;
 }
 body.sfc-watch-page .sfc-watch-layout .sfc-live-stage .sfc-tv-widget-full .sfc-tv-screen {
  height:var(--sfc-live-height-d,auto)!important; aspect-ratio:var(--sfc-live-ratio-d,16 / 9)!important;
  min-height:0!important; max-height:none!important; padding:0!important;
 }
 @supports not (aspect-ratio:16 / 9) {
  body.sfc-watch-page .sfc-watch-layout .sfc-live-stage .sfc-tv-widget-full .sfc-tv-screen {
   height:var(--sfc-live-fallback-d,0px)!important; padding-top:var(--sfc-live-padding-d,56.25%)!important;
  }
 }
}
@media (max-width:850px), (max-width:1100px) and (pointer:coarse) {
 body.sfc-watch-page .sfc-watch-layout .sfc-live-stage {
  width:var(--sfc-live-width-m,100%)!important; margin-left:auto!important; margin-right:auto!important;
 }
 body.sfc-watch-page .sfc-watch-layout .sfc-live-stage .sfc-tv-widget-full .sfc-tv-screen {
  height:var(--sfc-live-height-m,auto)!important; aspect-ratio:var(--sfc-live-ratio-m,16 / 9)!important;
  min-height:0!important; max-height:none!important; padding:0!important;
 }
 @supports not (aspect-ratio:16 / 9) {
  body.sfc-watch-page .sfc-watch-layout .sfc-live-stage .sfc-tv-widget-full .sfc-tv-screen {
   height:var(--sfc-live-fallback-m,0px)!important; padding-top:var(--sfc-live-padding-m,56.25%)!important;
  }
 }
}
/* Don't override mobile shell / composer geometry. No viewport height used
   to calculate player size while the keyboard is open. Fullscreen wins. */
body.sfc-watch-page .sfc-watch-layout .sfc-live-stage .sfc-tv-widget-full .sfc-tv-screen:fullscreen {
 width:100vw!important;max-width:none!important;height:100vh!important;max-height:none!important;aspect-ratio:auto!important;padding:0!important;
}
body.sfc-watch-page .sfc-watch-layout .sfc-live-stage .sfc-tv-widget-full .sfc-tv-screen:-webkit-full-screen {
 width:100vw!important;max-width:none!important;height:100vh!important;max-height:none!important;aspect-ratio:auto!important;padding:0!important;
}