/* ==========================================================================\n   Revision 16 — final polish for index subtitle, quality focus and stacked\n   catalog geometry. Loaded after v15.css so these are the authoritative rules.\n   ========================================================================== */

/* Desktop index: this sentence is short enough to be a single deliberate line.
   Give it a little more breathing room beneath the large season heading. */
@media (min-width: 901px) {
  .index-page .index-hero h1 {
    margin-bottom: 0 !important;
    white-space: nowrap !important;
  }
  .index-page .index-hero p {
    margin-top: 12px !important;
    max-width: none !important;
    white-space: nowrap !important;
  }
}

/* The global focus ring is intentionally prominent, but around this compact
   select it crowds both its label and the adjacent Download button. Keep a
   visible keyboard-focus affordance without letting it spill into neighbors. */
.now-playing-card .quality-control {
  gap: 8px !important;
}
.now-playing-card .player-actions {
  column-gap: 12px !important;
}
.now-playing-card .quality-control select:focus-visible {
  outline: 1px solid rgba(255,255,255,.72) !important;
  outline-offset: 1px !important;
  box-shadow: none !important;
}

/* In the two-pane state the catalog belongs directly beneath the video/Now
   Playing stack. The playlist owns the entire right-hand column. */
@media (min-width: 901px) {
  .player-page .player-layout.layout-two-pane {
    grid-template-areas:
      "video playlist"
      "catalog playlist" !important;
  }

  .player-page .player-layout.layout-two-pane .catalog-panel:not([hidden]) {
    grid-area: catalog !important;
    width: 100% !important;
    max-width: 100% !important;
    justify-self: stretch !important;
    align-self: start !important;
  }

  .player-page .player-layout.layout-two-pane .playlist-panel {
    grid-area: playlist !important;
    grid-row: 1 / span 2 !important;
    height: auto !important;
    max-height: none !important;
    align-self: stretch !important;
  }

  .player-page .player-layout.layout-two-pane .playlist-scroll {
    min-height: 0 !important;
    overflow-y: auto !important;
  }

  /* Desktop dashboard mode normally suppresses page scrolling. That is only
     correct while everything is alongside the player. If a catalog is below
     it, the document must scroll normally so the catalog is reachable. */
  body.player-page.player-stacked-catalog {
    overflow-y: auto !important;
  }
  body.player-page.player-stacked-catalog .page-shell {
    height: auto !important;
    min-height: calc(100dvh - var(--header-h) - var(--archive-h)) !important;
    overflow: visible !important;
    padding-bottom: 72px !important;
  }
}