/* The video and listening tools share the viewport without moving the iframe. */
body.continuous-workspace .youtube-panel{z-index:122;padding:8px;border-radius:14px;box-sizing:border-box;transition:none!important;animation:none!important}
body.continuous-workspace .youtube-panel-footer{display:none}
body.continuous-workspace .youtube-panel-heading{height:36px;margin:0 2px 6px;gap:8px}
body.continuous-workspace .youtube-panel-heading button{min-height:36px;padding:6px;font-size:12px}
body.continuous-workspace .youtube-frame{border-radius:8px}
body.continuous-workspace .player{z-index:124}
body.continuous-workspace dialog.listening-companion[open]{position:fixed;z-index:123;box-sizing:border-box;overflow:auto;overscroll-behavior:contain;padding:18px;background:linear-gradient(155deg,#152a35,#091820);border:1px solid #b8e0f33d;border-radius:18px;box-shadow:0 20px 60px #0008;transform:none;animation:none!important;transition:none!important;scrollbar-gutter:stable;scroll-padding-top:72px}
body.continuous-workspace dialog.listening-companion::backdrop{display:none}
body.continuous-workspace .listening-companion .dialog-topbar{position:sticky;top:-18px;z-index:2;margin:-18px -18px 16px;padding:12px 16px;background:#122631;border-bottom:1px solid #c2e3ed28;border-radius:0;min-height:60px}
body.continuous-workspace .listening-companion .dialog-topbar h2{font-size:26px}
body.continuous-workspace .listening-companion .dialog-topbar .eyebrow{font-size:9px;line-height:1.5}
body.continuous-workspace .listening-companion .session-now{grid-template-columns:44px minmax(0,1fr) 40px;gap:10px;margin-bottom:12px}
body.continuous-workspace .listening-companion .session-now>img{width:44px;height:44px;border-radius:8px}
body.continuous-workspace .listening-companion .session-now h3{font-size:16px;margin:2px 0;line-height:1.4}
body.continuous-workspace .listening-companion .session-now p{font-size:12px}
body.continuous-workspace .listening-companion .session-context{gap:12px;font-size:12px}
body.continuous-workspace .listening-companion .session-context a{min-height:32px}
body.continuous-workspace .listening-companion .session-transport,body.continuous-workspace .listening-companion .session-position{display:none}
body.continuous-workspace .listening-companion .session-tabs{margin-bottom:14px;padding-bottom:8px}
body.continuous-workspace .listening-companion .session-tabs button{min-height:44px;font-size:13px}
body.continuous-workspace .listening-companion .session-queue-summary{margin-bottom:12px}
body.continuous-workspace .listening-companion .session-queue-row{grid-template-columns:minmax(0,1fr);padding:10px 4px}
body.continuous-workspace .listening-companion .queue-edit-actions{justify-content:flex-end}
body.continuous-workspace .listening-companion .queue-edit-actions button{width:44px;height:44px}
body.continuous-workspace .listening-companion .queue-current-label{display:none}
body.continuous-workspace .listening-companion .session-settings-grid{grid-template-columns:1fr}
@media(max-width:719px){
 body.continuous-workspace dialog.listening-companion[open]{padding:14px;border-radius:14px}
 body.continuous-workspace .listening-companion .dialog-topbar{top:-14px;margin:-14px -14px 12px;padding:8px 12px;min-height:52px}
 body.continuous-workspace .listening-companion .dialog-topbar h2{font-size:23px}
 body.continuous-workspace .listening-companion .session-now{grid-template-columns:minmax(0,1fr) 40px;gap:8px}
 body.continuous-workspace .listening-companion .session-now>img{display:none}
 body.continuous-workspace .listening-companion .session-queue-track{grid-template-columns:18px 38px minmax(0,1fr) 34px;gap:8px}
 body.continuous-workspace .listening-companion .session-queue-track>img{width:38px;height:38px}
}
@media(max-height:599px){
 body.continuous-workspace .player{display:none}
 body.continuous-workspace .listening-companion .session-transport{display:flex;margin:8px 0}
 body.continuous-workspace .listening-companion .session-transport>span{display:none}
}
@media(prefers-reduced-transparency:reduce){body.continuous-workspace dialog.listening-companion[open]{background:#10232e}}


/* Short screens keep the whole video visible after closing the queue. */
@media(min-width:600px) and (max-height:599px){
 body.youtube-active:not(.continuous-workspace) .youtube-panel{top:8px;left:8px;right:auto;bottom:auto;width:clamp(220px,38vw,360px);max-height:calc(100dvh - 16px);padding:8px;box-sizing:border-box}
 body.youtube-active:not(.continuous-workspace) .player{left:calc(clamp(220px,38vw,360px) + 24px);right:8px;bottom:8px;top:auto;width:auto;padding:10px;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;gap:6px;min-height:0;max-height:calc(100dvh - 16px);overflow:auto}
 body.youtube-active:not(.continuous-workspace) .player-track{grid-column:1;grid-row:1;gap:10px}
 body.youtube-active:not(.continuous-workspace) .player-art{width:40px;height:40px;min-width:40px}
 body.youtube-active:not(.continuous-workspace) .player-center{grid-column:1;grid-row:2;width:100%;padding:0!important}
 body.youtube-active:not(.continuous-workspace) .player-right,body.youtube-active:not(.continuous-workspace) .player-like,body.youtube-active:not(.continuous-workspace) #player-settings-toggle{display:none!important}
 body.youtube-active:not(.continuous-workspace) .playback-buttons{justify-content:space-between;gap:4px}
 body.youtube-active:not(.continuous-workspace) .playback-buttons #shuffle,body.youtube-active:not(.continuous-workspace) .playback-buttons #repeat{display:none}
 body.youtube-active:not(.continuous-workspace) .playback-buttons .mobile-queue{display:flex!important}
 body.youtube-active:not(.continuous-workspace) .player-track-info strong{font-size:14px;line-height:1.4}
}
@media(max-height:599px){
 body.youtube-active:not(.continuous-workspace) .youtube-panel-heading{height:36px;margin:0 2px 6px}
 body.youtube-active:not(.continuous-workspace) .youtube-panel-heading button{min-height:36px;padding:6px}
 body.youtube-active:not(.continuous-workspace) .youtube-panel-footer{display:none}
}
@media(max-width:599px) and (max-height:599px){
 body.youtube-active:not(.continuous-workspace) .player{padding:6px 10px;gap:0;grid-template-rows:auto}
 body.youtube-active:not(.continuous-workspace) .player-track,body.youtube-active:not(.continuous-workspace) .player-right{display:none!important}
 body.youtube-active:not(.continuous-workspace) .player-center{grid-row:1}
 body.youtube-active:not(.continuous-workspace) .youtube-panel{padding:8px;top:8px;bottom:auto;max-height:calc(100dvh - var(--youtube-player-clearance,100px) - 16px)}
}

/* Phone navigation has its own scroll area, clear of the active video. */
@media(max-width:900px){
 .js-ready .site-header.menu-open nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 10px;padding:8px 12px;scroll-padding:8px;box-sizing:border-box}
 .js-ready .site-header nav a{min-width:0;min-height:44px;display:flex;align-items:center;line-height:1.4;padding:9px 4px}
 .js-ready .site-header nav.listening-menu{position:fixed;inset:auto;background:#10212c;animation:none;transition:none;overscroll-behavior:contain}
}
@media(max-width:599px) and (max-height:599px){
 .js-ready .site-header{height:56px;min-height:56px;padding-block:2px}
 .site-header .brand-image{width:88px;height:50px}.site-header .brand-image img{width:115px;height:115px}
 .js-ready .site-header.menu-open nav{padding:2px 8px}
 body.youtube-active:not(.continuous-workspace) .youtube-panel{top:auto;bottom:var(--youtube-player-clearance,100px)}
}

/* The last links can scroll completely above the floating video on a phone. */
@media(max-width:700px){body.youtube-active:not(.continuous-workspace){padding-bottom:max(calc(var(--player-space) + 24px),var(--youtube-occupied-space,0px))}}

/* Genuine catalogue covers: a separate link for each album and each artist. */
.artist-card .artist-card-identity{display:block;text-decoration:none}
.artist-card .artist-card-identity>.world-photo{position:static;inset:auto;display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;filter:none;transform:none;opacity:1}
.artist-card .artist-card-identity:hover>.world-photo{filter:brightness(1.05);transform:none}
.artist-card-discography{padding:0 24px 24px}
.artist-card-discography>p{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#bbd2dc;margin:0 0 12px;padding-top:16px;border-top:1px solid #c0e4ef25}
.artist-album-covers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 10px}
.artist-album-cover{display:flex;flex-direction:column;gap:7px;min-width:0;text-decoration:none;color:#e8f4f1;border-radius:9px;padding-bottom:4px;align-self:start}
.artist-album-cover img,.artist-card .artist-album-cover img{display:block;position:static;inset:auto;width:100%;height:auto;aspect-ratio:1;object-fit:contain;filter:none;transform:none;opacity:1;border:1px solid #c2e2ef38;border-radius:9px;background:#091219;box-shadow:0 5px 16px #0005;transition:border-color .2s}
.artist-album-cover:hover img,.artist-card .artist-album-cover:hover img{border-color:#d4f86a;filter:none;transform:none}
.artist-album-cover>span{font-size:12px;font-weight:700;line-height:1.5;overflow-wrap:anywhere;letter-spacing:0;color:inherit}
.artist-album-cover>small{font-size:10px;line-height:1.5;color:#a8c2ce}
.artist-album-cover:hover>span{color:var(--lime)}
.artist-album-cover:focus-visible,.artist-card-identity:focus-visible{outline:2px solid var(--lime);outline-offset:4px}
.profile-album-covers{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:22px;max-width:100%;margin:24px 0 32px}
.profile-album-covers .artist-album-cover{max-width:180px}
.profile-album-covers .artist-album-cover>span{font-size:14px}
.profile-album-covers .artist-album-cover>small{font-size:12px}
@media(max-width:760px){.artist-card-discography{padding:0 20px 20px}.profile-album-covers{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 12px}.profile-album-covers .artist-album-cover>span{font-size:13px}.profile-album-covers .artist-album-cover>small{font-size:11px}}
@media(max-width:360px){.artist-card-discography{padding:0 13px 16px}.artist-album-covers{gap:12px 8px}.artist-album-cover>span{font-size:11px}.profile-album-covers{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Comfortable cover titles on phones; the catalogue images stay responsive. */
@media(max-width:480px){.profile-album-covers{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}.profile-album-covers .artist-album-cover>span{font-size:15px}.profile-album-covers .artist-album-cover>small{font-size:12px}.artist-album-covers:has(>.artist-album-cover:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}}