.featured-song{display:flex;align-items:center;gap:16px;margin:24px 0;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.featured-song img{width:80px;height:80px;object-fit:cover}.featured-song .kicker{font-size:9px}.featured-song strong{display:block;font:700 30px/1.3 var(--display);color:var(--wine)}.featured-song a{text-decoration:none}.featured-song button{margin-left:auto;flex:none}.song-link{display:inline-block;margin-top:12px;color:var(--wine);font-size:12px;text-underline-offset:4px}
.mini-player[hidden]{display:none}.mini-player{position:fixed;z-index:30;left:0;right:0;bottom:0;background:var(--white);border-top:1px solid var(--line);box-shadow:0 -8px 35px #30251c12;padding:12px max(20px,calc((100vw - 1160px)/2)) max(12px,env(safe-area-inset-bottom));display:grid;grid-template-columns:44px minmax(120px,220px) 44px minmax(90px,1fr) auto 34px;gap:16px;align-items:center}.mini-player img{width:44px;height:44px;object-fit:cover}.mini-info{min-width:0}.mini-title{display:block;font-size:14px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none}.mini-status{display:block;font-size:10px;color:var(--muted)}.mini-seek{width:100%;accent-color:var(--wine);min-width:0}.mini-time{font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap}.mini-toggle,.mini-close{cursor:pointer;border:0;background:transparent;color:var(--wine);min-height:40px;font-size:18px}.mini-toggle{background:var(--wine);color:white;border-radius:50%;width:40px}.mini-close{font-size:25px}.has-mini{padding-bottom:100px}.has-mini .cookie{bottom:110px}
.song-main{padding:55px 0 70px}.song-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center}.song-cover{width:100%;box-shadow:0 18px 40px -25px #30251c66}.song-main h1{font:700 clamp(46px,6vw,78px)/1.12 var(--display);color:var(--wine);margin:16px 0}.song-description{color:var(--muted);margin:22px 0}.song-main .trk{margin:20px 0}.song-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.share-status{font-size:12px;min-height:24px;margin-top:12px;color:var(--muted)}.share-url{width:100%;padding:8px;border:1px solid var(--line);background:var(--white)}.back-link{display:inline-block;font-size:12px;margin-bottom:28px;color:var(--muted);text-underline-offset:4px}.song-context{margin-top:32px;color:var(--muted);font-size:13px}.more-songs{display:flex;gap:16px;flex-wrap:wrap;margin-top:16px}.more-songs a{color:var(--wine);text-underline-offset:4px}
.archive-photos{display:grid;grid-template-columns:1.4fr 1fr;gap:24px;margin:32px 0}.archive-photos img{width:100%;height:320px;object-fit:cover}.archive-photos a{display:block}.archive-photos figcaption{font-size:11px;margin-top:10px;color:var(--muted)}
@media(max-width:760px){.mini-player .mini-seek{grid-column:1/3}.mini-player .mini-time{grid-column:3/5;font-size:10px}}
@media(max-width:760px){.mini-player{grid-template-columns:36px minmax(0,1fr) 40px 30px;gap:8px 12px;padding:10px 18px max(10px,env(safe-area-inset-bottom))}.mini-player img{width:36px;height:36px}.mini-seek{grid-column:1/4;grid-row:2;height:20px}.mini-time{grid-column:4;grid-row:2;font-size:9px;justify-self:end}.mini-close{grid-column:4;grid-row:1}.mini-toggle{grid-column:3;grid-row:1}.mini-title{font-size:13px}.mini-status{font-size:9px}.has-mini{padding-bottom:125px}.has-mini .cookie{bottom:125px}.song-layout{grid-template-columns:1fr;gap:28px}.song-main{padding:28px 0 45px}.song-main h1{font-size:50px}.archive-photos{gap:20px;grid-template-columns:1fr}.archive-photos img{height:auto;max-height:460px;object-fit:contain;background:#e5ded2}.featured-song img{width:64px;height:64px}.featured-song strong{font-size:26px}}

/* Volume control alongside the shared music player. */
.mini-player{grid-template-columns:44px minmax(100px,200px) 44px minmax(70px,1fr) auto 120px 34px}
.mini-volume-control{display:flex;align-items:center;gap:8px;min-width:0;font-size:10px;color:var(--muted)}
.mini-volume-control span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.mini-volume{width:100%;min-width:0;min-height:32px;accent-color:var(--wine);cursor:pointer}
.mini-volume:focus-visible{outline:2px solid var(--wine);outline-offset:3px}
@media(max-width:760px){.mini-player{grid-template-columns:36px minmax(0,1fr) 40px 30px}.mini-volume-control{grid-column:1/-1;grid-row:3;max-width:220px;width:100%;justify-self:end}.mini-volume-control span{position:static;clip-path:none;width:auto;height:auto;overflow:visible}.has-mini{padding-bottom:170px}}

/* Keep the mobile controls aligned in three clear rows. */
@media(max-width:900px){
  .mini-player{grid-template-columns:40px minmax(0,1fr) 44px 32px;gap:8px 12px;padding:12px 16px max(12px,env(safe-area-inset-bottom));}
  .mini-player>img{grid-area:1/1;width:40px;height:40px;}
  .mini-player .mini-info{grid-area:1/2;}
  .mini-player .mini-title{font-size:14px;}
  .mini-player .mini-status{font-size:11px;}
  .mini-player .mini-toggle{grid-area:1/3;width:44px;height:44px;}
  .mini-player .mini-close{grid-area:1/4;min-height:44px;}
  .mini-player .mini-seek{grid-area:2/1/3/3;width:100%;height:32px;margin:0;}
  .mini-player .mini-time{grid-area:2/3/3/5;font-size:10px;justify-self:end;}
  .mini-player .mini-volume-control{grid-area:3/1/4/5;justify-self:stretch;max-width:none;width:100%;gap:14px;}
  .mini-volume-control span{position:static;clip-path:none;width:auto;height:auto;overflow:visible;flex:none;font-size:12px;}
  .mini-volume{flex:1;width:0;margin:0;height:32px;}
  .has-mini{padding-bottom:180px;}
}

@media(max-width:760px){
  .mini-player .mini-volume-control{display:none;}
  .has-mini{padding-bottom:125px;}
}