/* Approved Student HLV Playlist Details only; shared portal chrome is unchanged. */
.hlv-playlist-details { --hlv-detail-navy:#08264c; --hlv-detail-muted:#566f96; width:100%; max-width:1600px; margin-inline:auto; padding:0; color:var(--hlv-detail-navy); }
.hlv-playlist-details .hlv-playlist-header { background:#fcfaf6; padding:24px clamp(20px,2vw,32px) 32px; }
.hlv-playlist-details .hlv-playlist-breadcrumb { display:flex; flex-wrap:wrap; gap:10px; align-items:center; margin-bottom:20px; color:var(--hlv-detail-muted); font-size:13px; }
.hlv-playlist-details .hlv-playlist-breadcrumb a { color:inherit; text-decoration:none; }
.hlv-playlist-details .hlv-playlist-breadcrumb a:hover { text-decoration:underline; }
.hlv-playlist-details .hlv-playlist-header-grid { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(0,1fr); gap:32px; align-items:center; }
.hlv-playlist-details .hlv-playlist-badge { display:inline-block; background:#e6f0ff; color:#41638f; padding:4px 12px; border-radius:6px; font-size:13px; line-height:1.4; }
.hlv-playlist-details .hlv-playlist-header-copy > .hlv-playlist-badge { color:#00255c; }
.hlv-playlist-details h1 { font:700 clamp(30px,3vw,46px)/1.15 Georgia,'Times New Roman',serif; color:var(--hlv-detail-navy); margin:12px 0 10px; overflow-wrap:anywhere; }
.hlv-playlist-details .hlv-playlist-header-copy p { font-size:16px; line-height:1.65; color:var(--hlv-detail-muted); margin:0; }
.hlv-playlist-details .hlv-playlist-statistics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin:0; }
.hlv-playlist-details .hlv-playlist-statistics > div { border-left:1px solid #d9dee6; padding:14px 18px; min-width:0; }
.hlv-playlist-details .hlv-playlist-statistics dd { font:700 clamp(22px,2.2vw,32px)/1.2 Georgia,'Times New Roman',serif; margin:0 0 8px; overflow-wrap:anywhere; }
.hlv-playlist-details .hlv-playlist-statistics dt { font-size:15px; font-weight:600; }
.hlv-playlist-details .hlv-playlist-statistics p { font-size:12px; color:var(--hlv-detail-muted); margin:8px 0 0; }
.hlv-playlist-details .hlv-playlist-learning-grid { display:grid; grid-template-columns:minmax(0,1.65fr) minmax(0,1fr); gap:28px; align-items:start; padding:28px clamp(20px,2vw,32px) 40px; }
.hlv-playlist-details .hlv-playlist-main { min-width:0; }
.hlv-playlist-details .hlv-video-position { margin-top:20px; }
.hlv-playlist-details .hlv-playlist-player > [data-selected-title] { font:700 clamp(26px,2.5vw,36px)/1.25 Georgia,'Times New Roman',serif; height:auto; min-height:0; display:block; overflow:visible; margin:12px 0 10px; color:var(--hlv-detail-navy); }
.hlv-playlist-details .hlv-playlist-player > [data-selected-description] { height:auto; display:block; overflow:visible; font-size:15px; line-height:1.7; color:var(--hlv-detail-muted); margin:0 0 18px; }
.hlv-playlist-details .hlv-selected-metadata { display:flex; flex-wrap:wrap; gap:10px 0; border-top:1px solid #dce3ed; margin-top:18px; padding-top:16px; color:var(--hlv-detail-muted); font-size:14px; }
.hlv-playlist-details .hlv-selected-metadata > span:not([hidden]) { padding-right:22px; }
.hlv-playlist-details .hlv-selected-metadata > span:not([hidden]) ~ span:not([hidden]) { padding-left:22px; border-left:1px solid #cdd7e5; }
.hlv-playlist-details .hlv-selected-metadata:not(:has(> span:not([hidden]))) { display:none; }
.hlv-playlist-details [data-playlist-complete] { margin-top:18px; }
.hlv-playlist-details .hlv-playlist-sidebar { min-width:0; border:1px solid #edf0f5; border-radius:14px; background:white; box-shadow:0 3px 16px #08264c06; padding:16px 6px 12px; }
.hlv-playlist-details .hlv-playlist-sidebar > header { display:flex; gap:14px; align-items:center; justify-content:space-between; padding:0 14px 16px; }
.hlv-playlist-details .hlv-playlist-sidebar h2 { font-family:var(--font-body,inherit); font-size:18px; font-weight:700; margin:0; }
.hlv-playlist-details .hlv-playlist-sidebar > header > span { font-size:13px; color:var(--hlv-detail-muted); white-space:nowrap; }
.hlv-playlist-details .hlv-playlist-video-list { list-style:none; margin:0; padding:0; max-height:min(76vh,800px); overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; }
.hlv-playlist-details .hlv-playlist-row { display:grid; grid-template-columns:24px 88px minmax(0,1fr); gap:12px; align-items:center; min-height:80px; padding:10px 12px; border-left:3px solid transparent; border-radius:5px; color:var(--hlv-detail-navy); text-decoration:none; }
.hlv-playlist-details .is-selected > .hlv-playlist-row { background:#eaf3ff; border-left-color:#00255c; }
.hlv-playlist-details .hlv-playlist-row:hover { background:#f3f7fd; }
.hlv-playlist-details .hlv-playlist-row img { width:88px; height:auto; aspect-ratio:16/9; object-fit:cover; border-radius:6px; }
.hlv-playlist-details .hlv-playlist-sequence { color:var(--hlv-detail-muted); font-size:14px; font-variant-numeric:tabular-nums; }
.hlv-playlist-details .hlv-playlist-row-copy { min-width:0; }
.hlv-playlist-details .hlv-playlist-row-copy strong { display:block; color:inherit; font-size:14px; font-weight:600; line-height:1.4; overflow-wrap:anywhere; }
.hlv-playlist-details .hlv-playlist-row-copy > span { display:block; margin-top:6px; color:var(--hlv-detail-muted); font-size:13px; }
.hlv-playlist-details .hlv-playlist-empty { margin:0; padding:20px; color:var(--hlv-detail-muted); }
.hlv-playlist-details :is(a,button):focus-visible { outline:3px solid #00255c; outline-offset:2px; }
.hlv-playlist-details [hidden] { display:none !important; }
@media(max-width:1199.98px) {
 .hlv-playlist-details .hlv-playlist-header-grid { grid-template-columns:minmax(0,1fr); gap:24px; }
 .hlv-playlist-details .hlv-playlist-statistics { max-width:650px; }
 .hlv-playlist-details .hlv-playlist-statistics > div:first-child { border-left:0; padding-left:0; }
 .hlv-playlist-details .hlv-playlist-row { grid-template-columns:22px 70px minmax(0,1fr); gap:8px; padding-inline:8px; }
 .hlv-playlist-details .hlv-playlist-row img { width:70px; }
}
@media(max-width:991.98px) { .hlv-playlist-details .hlv-playlist-learning-grid { grid-template-columns:minmax(0,1fr); gap:26px; } .hlv-playlist-details .hlv-playlist-video-list { max-height:540px; } }
@media(max-width:575.98px) {
 .hlv-playlist-details .hlv-playlist-header { padding:20px 16px 24px; }
 .hlv-playlist-details .hlv-playlist-learning-grid { padding:22px 16px 32px; }
 .hlv-playlist-details .hlv-playlist-statistics > div { padding:8px 10px; }
 .hlv-playlist-details .hlv-playlist-statistics dd { font-size:22px; }
 .hlv-playlist-details .hlv-playlist-statistics dt { font-size:12px; }
 .hlv-playlist-details .hlv-playlist-statistics p { font-size:11px; }
}
.hlv-playlist-details .hlv-playlist-statistics > div { display:flex; flex-direction:column; }
.hlv-playlist-details .hlv-playlist-statistics dd { order:1; }
.hlv-playlist-details .hlv-playlist-statistics dt { order:2; }
.hlv-playlist-details .hlv-playlist-statistics p { order:3; }
.hlv-playlist-details .hlv-playlist-statistics dd.hlv-stat-support { order:3; font-family:var(--font-body,inherit); font-size:12px; font-weight:400; line-height:1.5; color:var(--hlv-detail-muted); margin:8px 0 0; }
@media(max-width:575.98px) { .hlv-playlist-details .hlv-playlist-statistics dd.hlv-stat-support { font-size:11px; } }
/* Keep configured level names intact in the compact statistics columns. */
.hlv-playlist-details .hlv-playlist-statistics > div:last-child > dd:not(.hlv-stat-support) { font-size:clamp(14px,1.45vw,22px); line-height:1.4; overflow-wrap:normal; }
.hlv-playlist-details { display:block; background:#fff; }
.hlv-playlist-details .sofl-video-player { box-shadow:none; border:0; }