/* Session detail is hero-dominant: a large background image with the detail components overlaid
   directly on top (the overlay composition lives in ReleaseHeroOverlay). The page widens to the
   Large container (set in markup) rather than the shared 760px detail column. */

::deep .session-detail-page {
    padding-top: 2rem;
    padding-bottom: 4rem;
}

/* Lifts the session content above the fixed full-bleed waveform layer (z-index: 0). Session mounts the
   visualizer directly (it does not compose ReleaseDetailScaffold), so the foreground stacking context
   lives here rather than on the scaffold (Phase 12 §3e option b). The class lands on the MudContainer's
   rendered root, so ::deep is required to reach it. */
::deep .session-detail-foreground {
    position: relative;
    z-index: 1;
}

/* Back link (left) | lava-lamp popover trigger (right) on one row, mirroring the scaffold's top row.
   The popover icon clears the hero overlay below and the share/play affordances overlaid on it. */
.session-detail-top-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
