/* Stories in Songs: Playlists page (9 Nov 2026). Page-only styles; uses the kit's tokens from assets/css/site.css. */
.pl-wrap{max-width:none;width:100%;margin:0;padding:0 4%;box-sizing:border-box}
.pl-intro{padding:60px 0 10px;text-align:center}
.pl-intro .s-t{max-width:720px;margin:0 auto}
.pl-jump{position:sticky;top:84px;z-index:90;padding:12px 0;background:var(--bg);box-shadow:0 1px 0 var(--line),0 6px 14px rgba(18,28,64,.06);box-sizing:border-box}
.pl-jump ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.pl-jump .s-btn{padding:12px 22px}
.pl-jump .s-btn.is-active{background:var(--txt);border-color:var(--txt);color:var(--bg)}
.pl-jump .s-btn.is-active:hover,.pl-jump .s-btn.is-active:focus{background:var(--txt);color:var(--bg)}
.pl{padding:50px 0 10px;scroll-margin-top:220px}
.pl:last-of-type{padding-bottom:80px}
.pl-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 20px;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:8px}
.pl-head .s-h{margin:0;text-transform:none}
.pl-meta{margin:0;font:500 14px/20px Poppins,sans-serif;color:var(--gold);text-transform:uppercase;letter-spacing:.04em}
.pl-list{list-style:none;margin:0;padding:0}
.pl-tr{display:grid;grid-template-columns:96px minmax(0,1fr) auto;align-items:center;gap:8px 24px;padding:18px 0;border-bottom:1px solid var(--line)}
.pl-th{display:block;width:96px;height:96px;object-fit:cover;aspect-ratio:1;background:var(--soft);box-shadow:0 6px 18px rgba(28,36,75,.12)}
.pl-info{min-width:0}
.pl-ti{margin:0;font:600 26px/1.2 "Cormorant Garamond",Georgia,serif;color:var(--navy)}
.pl-no{font:500 14px/1 Poppins,sans-serif;color:var(--gold);margin-right:6px;vertical-align:.2em}
.pl-du{margin:2px 0 10px;font:300 14px/20px Poppins,sans-serif;color:var(--txt)}
.pl-au{display:block;width:100%;max-width:none;height:40px}
.pl-dl{white-space:nowrap;padding:13px 26px}
.pl-dl svg{flex:none;align-self:center}
@media(max-width:767px){
 .pl-wrap{padding:0 20px}
 .pl-band{justify-content:center;align-items:center;padding-top:14%;padding-bottom:28%}
 .pl-intro{padding:40px 0 8px}
 .pl-jump{top:60px;padding:10px 0}
 .pl-jump ul{flex-wrap:nowrap;justify-content:flex-start;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;padding-bottom:2px}
 .pl-jump .s-btn{padding:10px 16px;white-space:nowrap;flex:none}
 .pl{padding:36px 0 6px;scroll-margin-top:140px}
 .pl-tr{grid-template-columns:72px minmax(0,1fr);gap:12px 16px;padding:16px 0}
 .pl-th{width:72px;height:72px;grid-row:span 2}
 .pl-ti{font-size:21px}
 .pl-du{margin:2px 0 0}
 .pl-au{grid-column:1/-1;max-width:none}
 .pl-info{display:contents}
 .pl-info .pl-ti,.pl-info .pl-du{grid-column:2}
 .pl-dl{grid-column:1/-1;justify-self:stretch;padding:11px 20px}
}