/* Give the full Forge playlist the space formerly used by the release spotlight. */
.site-header .music-player{
  grid-template-columns:minmax(0,1fr) 48px 60px 48px minmax(150px,220px);
  grid-template-areas:"heading heading heading heading heading" "track previous play next volume";
  gap:20px 16px;padding:24px;border-radius:22px;
  background:linear-gradient(125deg,#201621,#11101c 65%);
}
.site-header .music-player-heading{grid-area:heading;flex-direction:row;align-items:center;gap:14px}
.site-header .music-player-title{font-size:18px;letter-spacing:.14em}
.site-header .music-player-label{font-size:10px;padding:5px 10px}
.site-header .music-player-controls{grid-area:track;flex-direction:column;align-items:stretch;gap:9px}
.site-header .music-track-label{font-size:10px}
.site-header .music-select-shell{width:100%}
.site-header .music-player select{font-size:16px;min-height:52px;padding:12px 44px 12px 14px}
.site-header #music-previous-button{grid-area:previous}
.site-header #music-play-button{grid-area:play;width:60px;height:60px;font-size:20px}
.site-header #music-next-button{grid-area:next}
.site-header .music-player>.music-skip-button{width:48px;height:48px;font-size:17px}
.site-header .music-player>.music-skip-button,.site-header #music-play-button{align-self:end;margin-bottom:2px}
.site-header .music-volume-control{grid-area:volume;align-self:end;justify-content:flex-end;gap:10px;min-height:48px;margin:0}
.site-header .music-volume-control input{width:100%;min-width:0;max-width:136px;height:44px}
.site-header .music-flame{grid-area:heading;justify-self:end;margin:0}
.site-header .music-player-heading{padding-right:40px}
.site-header .music-player button:focus-visible,.site-header .music-player input:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
@media(max-width:760px){
 .site-header .music-player{grid-template-columns:minmax(0,1fr) 48px 60px 48px minmax(0,1fr);grid-template-areas:"heading heading heading heading heading" "track track track track track" ". previous play next ." "volume volume volume volume volume";gap:16px 10px;padding:20px 16px}
 .site-header .music-player-title{font-size:15px;letter-spacing:.1em}
 .site-header .music-player-heading{justify-content:space-between;gap:8px}
 .site-header .music-player select{font-size:16px}
 .site-header .music-volume-control{justify-content:center;min-height:44px}
 .site-header .music-volume-control input{max-width:180px}
 .site-header .music-player>.music-skip-button,.site-header #music-play-button{align-self:center;margin-bottom:0}
}
@media(prefers-reduced-motion:reduce){.site-header .music-player button{transition:none}}
