/* Public playlist: shared playback layout with the public website typography. */
.sofl-public-playlist .public-playlist-container { width:100%; margin-inline:auto; }
.sofl-public-playlist .hlv-playlist-details { max-width:none; font-family:var(--font-body); }
.sofl-public-playlist .hlv-playlist-header { padding:32px max(var(--public-content-gutter), calc((100% - var(--public-content-max-width)) / 2)) 40px; border-bottom:1px solid #eee6d5; }
.sofl-public-playlist .hlv-playlist-learning-grid { max-width:calc(var(--public-content-max-width) + 2 * var(--public-content-gutter)); margin-inline:auto; padding:40px var(--public-content-gutter) 64px; }
.sofl-public-playlist .hlv-playlist-details h1,
.sofl-public-playlist .hlv-playlist-details .hlv-playlist-player > [data-selected-title],
.sofl-public-playlist .hlv-playlist-statistics dd:not(.hlv-stat-support) { font-family:var(--font-heading); }
.sofl-public-playlist .hlv-playlist-details h1 { font-size:clamp(30px,3.2vw,48px); line-height:1.25; }
.sofl-public-playlist .hlv-playlist-details .hlv-playlist-player > [data-selected-title] { font-size:clamp(22px,2vw,30px); line-height:1.4; }
.sofl-public-playlist .hlv-playlist-details .hlv-playlist-main,
.sofl-public-playlist .hlv-playlist-details .hlv-playlist-player { width:100%; min-width:0; }
.sofl-public-playlist .hlv-playlist-details .sofl-video-player-empty { display:flex; flex-direction:column; justify-content:center; align-items:center; gap:12px; height:100%; padding:24px; color:white; text-align:center; }
.sofl-public-playlist .hlv-playlist-row:focus-visible { outline:3px solid #bb8c2b; outline-offset:-3px; }
@media(max-width:767px) {
 .sofl-public-playlist .hlv-playlist-header { padding:24px var(--public-content-gutter) 28px; }
 .sofl-public-playlist .hlv-playlist-learning-grid { padding:28px var(--public-content-gutter) 40px; }
}

.sofl-front-page .public-related-playlists { padding-block:var(--public-section-space); background:var(--public-section-background, #faf8f4); }