/* Interactive native video/chat players and intentional playback entry points. */
.lnsg-media-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: .65rem; }
/*
 * The showcase spans the entire /247 page above the controller/ad-rail grid.
 * Its responsive height is calculated against the VIDEO column, not the
 * combined video+chat width, to preserve the 16:9 stream presentation.
 */
body.page-player .page-content {
  width: min(100%, 1860px);
  max-width: none;
  padding: clamp(.75rem, 1.5vw, 2rem);
}
body.page-player .player-stream-showcase {
  box-sizing: border-box;
  grid-column: 1 / -1;
  max-width: none;
  width: 100%;
  margin: 0 0 1.25rem;
  padding: clamp(1rem, 2vw, 2rem);
}
body.page-player .player-stream-showcase-heading p { max-width: 55rem; }
.lnsg-twitch-shell {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  height: 520px; /* Updated by media-engagement.js based on video width */
  margin: 1rem 0;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 14px;
  background: #08080b;
}
.lnsg-twitch-compact-note { margin: .5rem 0 1rem; }
.lnsg-twitch-host, .lnsg-twitch-host iframe { display: block; width: 100%; height: 100%; border: 0; }
.lnsg-twitch-shell[hidden], .lnsg-twitch-fallback[hidden], .home-interactive-stage[hidden] { display: none !important; }
.lnsg-twitch-fallback { margin: 1rem 0; padding: 1rem; border: 1px solid rgba(255,255,255,.18); border-radius: 12px; background: rgba(0,0,0,.3); }
.home-live-card-info { min-width: 0; }
.home-live-actions { display: flex !important; align-items: center; flex-wrap: wrap; gap: .65rem; margin-top: .35rem; }
.home-live-actions a { color: inherit; text-underline-offset: .2rem; }
.home-live-actions button { min-height: 40px; cursor: pointer; }
.home-interactive-stage { margin-top: 1rem; padding: 1rem; border: 1px solid rgba(255,255,255,.23); border-radius: 12px; background: rgba(0,0,0,.38); scroll-margin-top: 1.5rem; }
.home-interactive-stage h3 { margin: .15rem 0; }
.podcast-video-actions { display: flex; flex-wrap: wrap; gap: .65rem; align-items: center; margin-top: .15rem; }
.podcast-video-actions a { color: inherit; text-underline-offset: .2rem; }
@media (max-width: 760px) {
  .lnsg-media-actions { width: 100%; justify-content: flex-start; }
  .home-interactive-stage { padding: .7rem; }
}