/* Preserve the published site's shell and heading. */
body.option-a{background:radial-gradient(ellipse 600px 550px at 0 140px,#007f9955,transparent),var(--bg)}.option-a>header,.option-a main,.option-a>footer{max-width:none;margin-inline:0}.option-a>header{height:112px;padding:24px 4%}.option-a .page-heading.music-heading{position:relative;display:flex;align-items:center;min-height:220px;padding:44px 4% 36px;overflow:hidden}.option-a .music-heading>div{position:relative;z-index:1}.option-a .music-heading>img{position:absolute;right:4%;top:0;width:48%;height:100%;object-fit:cover;object-position:center 35%;opacity:.55;mask-image:linear-gradient(90deg,transparent,black 45%,transparent)}.option-a .music-heading h1{font:800 clamp(64px,7.5vw,112px)/.91 var(--display);letter-spacing:-1.5px;margin-bottom:22px}.option-a .music-heading .eyebrow{display:block;margin-bottom:12px}.option-a .music-heading p:last-child{color:var(--muted);margin-bottom:0}.option-a .music-tabs{margin:0 4% 28px;gap:24px}.option-a .music-tabs button{font-size:17px;padding:12px 6px}.option-a .library-workspace{gap:32px;grid-template-columns:minmax(0,1fr) 290px}.option-a .library-workspace.details-closed{grid-template-columns:1fr}.option-a .audio-feature{padding-left:24px}.option-a .track-list-row{padding-block:12px}.option-a .audio-toolbar{grid-template-columns:minmax(160px,1fr) auto 180px}.option-a .player-dock{padding-inline:4%}.option-a .filter-toggle{border-color:var(--line)}
@media(max-width:1000px){.option-a .library-workspace{grid-template-columns:1fr}}
@media(max-width:700px){.option-a>header{height:88px;padding:18px 20px}.option-a .page-heading.music-heading{min-height:220px;padding:26px 20px 28px}.option-a .music-heading h1{font-size:64px}.option-a .music-heading>img{right:0;width:65%;opacity:.35}.option-a .music-tabs{margin:0 20px 24px;gap:0;justify-content:space-between}.option-a .music-tabs button{font-size:14px;padding:12px 3px}.option-a .audio-toolbar{grid-template-columns:1fr 1fr}.option-a .audio-feature{padding:24px 20px 120px}.option-a .player-dock{padding-inline:12px}}
.option-a .audio-toolbar .track-sort-label select{height:48px;min-height:48px;width:100%;padding:0 12px;border:1px solid var(--line);border-radius:4px;background:#001a26;color:#d7e8f0;font:14px 'DM Sans',sans-serif}.option-a .audio-toolbar .track-sort-label{align-self:end}
.music-filter-dialog .filter-fields-new select{appearance:none;display:block;height:48px;min-height:48px;padding:12px;border:1px solid #426b7a;border-radius:4px;background:#001a26;color:#edf7fa;font:13px 'DM Sans',sans-serif}
/* Keep long song titles inside the fixed player and touch controls comfortable. */
.option-a .player-dock .audio-copy{min-width:0}.option-a .player-dock h2,.option-a .player-dock .audio-copy>p{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.option-a .info-track:focus-visible,.option-a .track-title:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.option-a .track-list-row[data-active=true] .track-title{color:var(--cyan)}
@media(max-width:600px){.option-a .track-list-row .play-track{width:44px;height:44px}.option-a .track-list-row,.option-a .track-list-head{grid-template-columns:16px minmax(0,1fr) 36px 44px;gap:5px}.option-a .info-track{min-width:44px}.option-a .track-title{overflow-wrap:anywhere}.option-a .player-dock .custom-player .play-track{width:44px;height:44px}}
.option-a .skip-track{display:grid;place-items:center;flex-shrink:0;width:36px;min-height:44px;padding:0;border:0;background:transparent;color:#d7f3fa;font:17px Arial,sans-serif;cursor:pointer}.option-a .skip-track:disabled{opacity:.3;cursor:default}.option-a .skip-track:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.option-a .player-dock .custom-player{gap:12px}.option-a .player-dock .timeline{min-width:70px}
@media(max-width:600px){.option-a .player-dock .audio-copy{grid-template-columns:minmax(0,1fr);gap:5px}.option-a .player-dock h2{grid-column:1;grid-row:1;font-size:18px}.option-a .player-dock .audio-copy>p:not(.audio-meta):not(.eyebrow){display:none}.option-a .player-dock .custom-player{grid-column:1;grid-row:2;gap:6px}.option-a .skip-track{width:32px}.option-a .player-dock{padding:8px 12px}.option-a footer{margin-bottom:140px}}
.option-a .volume-control{display:flex;align-items:center;gap:5px;flex:0 0 auto}.option-a .volume-toggle{min-width:44px;min-height:44px;border:0;background:transparent;color:#d7f3fa;font:18px Arial,sans-serif;cursor:pointer}.option-a .volume-control input{width:68px;accent-color:var(--cyan);cursor:pointer}.option-a .player-dock .audio-copy{grid-template-columns:150px minmax(180px,1fr) 95px;gap:3px 16px}.option-a .volume-toggle:focus-visible{outline:2px solid var(--cyan)}
@media(max-width:1000px){.option-a .player-dock .audio-copy{grid-template-columns:110px minmax(120px,1fr)}.option-a .volume-control input{width:50px}}
@media(max-width:600px){.option-a .player-dock{flex-wrap:wrap;gap:2px 8px}.option-a .player-dock .audio-copy{grid-template-columns:minmax(0,1fr);flex-basis:100%}.option-a .volume-control{margin-left:auto}.option-a .volume-toggle{min-height:36px}.option-a .volume-control input{width:75px}.option-a .show-details{width:auto;min-height:36px}.option-a footer{margin-bottom:175px}}
.option-a .audio-toolbar .track-sort-label select{-webkit-appearance:none;appearance:none;padding-right:30px;background-image:linear-gradient(45deg,transparent 50%,#b4d8e5 50%),linear-gradient(135deg,#b4d8e5 50%,transparent 50%);background-position:calc(100% - 16px) 21px,calc(100% - 11px) 21px;background-size:5px 5px;background-repeat:no-repeat}.option-a .volume-control input{-webkit-appearance:none;appearance:none;height:28px;background:linear-gradient(#678696,#678696) center/100% 3px no-repeat}.option-a .volume-control input::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--cyan)}
@media(max-width:600px){.option-a .track-list-head>span:nth-child(3){font-size:0;letter-spacing:0}.option-a .track-list-head>span:nth-child(3)::after{content:'TIME';font-size:9px;letter-spacing:1px}}
.volume-expand{display:none}
@media(max-width:1000px){.option-a .volume-control{position:relative;margin:0;gap:0}.option-a .volume-expand{display:grid;place-items:center;min-width:36px;height:40px;border:0;background:none;color:#d7f3fa;cursor:pointer}.option-a .volume-control .volume-toggle{display:none}.option-a .volume-control input{display:none;position:absolute;bottom:50px;right:0;width:110px;height:40px;padding:10px 12px;border:1px solid #426b7a;border-radius:6px;background-color:#082532;box-shadow:0 4px 18px #0007}.option-a .volume-control.volume-open input{display:block}}
@media(max-width:600px){.option-a .player-dock{display:grid;grid-template-columns:minmax(0,1fr) 36px auto;gap:4px 6px;padding:10px 12px}.option-a .player-dock .audio-copy{display:contents}.option-a .player-dock h2{grid-column:1;grid-row:1;margin:0}.option-a .player-dock .custom-player{grid-column:1/-1;grid-row:2;width:100%;gap:8px}.option-a .volume-control{grid-column:2;grid-row:1}.option-a .show-details{grid-column:3;grid-row:1;min-height:32px}.option-a .volume-expand{height:32px;min-height:32px}.option-a .volume-control input{bottom:40px}.option-a footer{margin-bottom:130px}}
/* Phones use their hardware volume controls. */
@media(max-width:600px){.option-a .player-dock .volume-control{display:none}.option-a .player-dock{grid-template-columns:minmax(0,1fr) auto}.option-a .player-dock .show-details{grid-column:2}}