/* Desktop Listen only: give the atlas and content panels the available height. */
body.hc-desktop #hc-listening-room .hc-room-shell{padding:14px 24px 12px;gap:8px;min-height:0}
body.hc-desktop #hc-listening-room .hc-room-header{min-height:36px;padding-bottom:6px;padding-right:56px}
body.hc-desktop #hc-listening-room .hc-room-header p{display:none}
body.hc-desktop #hc-listening-room .hc-room-header .hc-room-eyebrow{font-size:11px;letter-spacing:.12em}
body.hc-desktop #hc-listening-room .hc-room-header [data-room-action=minimize]{width:44px;height:44px;min-width:44px;min-height:44px;top:10px;right:18px}
body.hc-desktop #hc-listening-room .hc-room-header [data-room-action=minimize]::after{font-size:32px}
body.hc-desktop #hc-listening-room .hc-intel-mode{padding:3px;gap:4px}
body.hc-desktop #hc-listening-room .hc-intel-mode button{min-height:30px;padding:6px 12px;font-size:12px;letter-spacing:.03em}
body.hc-desktop #hc-listening-room .hc-intel{gap:8px;min-height:0}
body.hc-desktop #hc-listening-room .hc-intel-hero{align-items:center}
body.hc-desktop #hc-listening-room .hc-intel-hero h1{font-size:28px;line-height:1.15;margin:2px 0}
body.hc-desktop #hc-listening-room .hc-intel-subtitle{display:none}
body.hc-desktop #hc-listening-room .hc-intel-kicker{font-size:11px;line-height:1.4;letter-spacing:.06em}
body.hc-desktop #hc-listening-room .hc-intel-freshness,body.hc-desktop #hc-listening-room .hc-intel-integrity{font-size:11px;line-height:1.4;margin:0}
body.hc-desktop #hc-listening-room .hc-intel-hero>button{font-size:12px;padding:8px 12px}
body.hc-desktop #hc-listening-room .hc-intel-cards{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;flex-shrink:0}
body.hc-desktop #hc-listening-room .hc-intel-card{padding:8px 10px}
body.hc-desktop #hc-listening-room .hc-intel-card span{font-size:12px;line-height:1.25;letter-spacing:0}
body.hc-desktop #hc-listening-room .hc-intel-card strong{font-size:22px;line-height:1.15;margin-top:4px;overflow-wrap:break-word}
body.hc-desktop #hc-listening-room .hc-intel-workspace{grid-template-columns:minmax(0,1.45fr) minmax(380px,1fr);gap:12px;min-height:0}
body.hc-desktop #hc-listening-room .hc-intel-sidebar{min-height:0;min-width:0}
body.hc-desktop #hc-listening-room .hc-intel-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;padding:4px;flex-shrink:0}
body.hc-desktop #hc-listening-room .hc-intel-tabs button{font-size:11px;line-height:1.25;letter-spacing:0;min-height:34px;padding:6px 4px;white-space:normal}
body.hc-desktop #hc-listening-room .hc-intel-panel{flex:1;min-height:0;min-width:0;padding:12px;overflow:auto;scrollbar-gutter:stable}
body.hc-desktop #hc-listening-room .hc-intel-panel h2{font-size:22px;line-height:1.2;margin:2px 0 8px}
body.hc-desktop #hc-listening-room .hc-intel-panel p{font-size:13px;line-height:1.5;margin:8px 0}
body.hc-desktop #hc-listening-room .hc-website-filters{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr);gap:6px;margin:8px 0}
body.hc-desktop #hc-listening-room .hc-website-filters>*{min-width:0;width:100%;min-height:34px;padding:6px;font-size:12px}
body.hc-desktop #hc-listening-room .hc-website-filters input{grid-column:auto}
body.hc-desktop #hc-listening-room .hc-intel-ranking button{font-size:13px;padding:5px 0;gap:10px}
body.hc-desktop #hc-listening-room .hc-intel-ranking button>span{min-width:0;overflow-wrap:anywhere}
body.hc-desktop #hc-listening-room .hc-intel-ranking button>span:first-child{flex:1}
body.hc-desktop #hc-listening-room .hc-intel-ranking button>span:last-child{max-width:52%;flex-shrink:1}
body.hc-desktop #hc-listening-room .hc-intel-ranking small{font-size:11px;line-height:1.4}
body.hc-desktop #hc-listening-room .hc-intel-map-top{top:12px;left:14px;right:14px}
body.hc-desktop #hc-listening-room .hc-intel-map-top h2{font-size:18px;line-height:1.2}
body.hc-desktop #hc-listening-room .hc-intel-map-empty{inset:64px 24px 60px}
body.hc-desktop #hc-listening-room .hc-intel-map-empty h3{font-size:26px;line-height:1.15;margin:6px 0}
body.hc-desktop #hc-listening-room .hc-intel-map-empty p:last-child{font-size:13px;line-height:1.5;max-width:400px}
body.hc-desktop #hc-listening-room .hc-intel-map-footer{gap:8px;font-size:10px;line-height:1.3}
body.hc-desktop #hc-listening-room .hc-intel-map-footer select{min-height:32px;max-width:150px;padding:5px;font-size:11px}
body.hc-desktop #hc-listening-room .hc-intel-map-footer>span{min-width:0;flex:1}
body.hc-desktop #hc-listening-room .hc-intel-city-detail{max-height:calc(100% - 112px);overflow:auto;overscroll-behavior:contain}
/* Keep all controls in a compact two-row player instead of stacking a tall footer. */
body.hc-desktop #hc-listening-room .hc-room-player{display:grid;grid-template-columns:minmax(230px,.9fr) minmax(220px,1.3fr) minmax(240px,1fr);grid-template-rows:36px 22px;align-items:center;gap:4px 16px;padding:8px 12px}
body.hc-desktop #hc-listening-room .hc-intel-now{grid-column:1;grid-row:1/3;gap:8px;margin:0;min-width:0}
body.hc-desktop #hc-listening-room .hc-intel-now>div{min-width:0;flex:1}
body.hc-desktop #hc-listening-room .hc-intel-now :is(small,strong){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.hc-desktop #hc-listening-room .hc-intel-now small{font-size:10px;letter-spacing:0}
body.hc-desktop #hc-listening-room .hc-intel-now strong{font-size:14px}
body.hc-desktop #hc-listening-room .hc-intel-now>button{font-size:11px;min-height:32px;padding:6px 8px;flex-shrink:0}
body.hc-desktop #hc-listening-room .hc-room-controls{display:contents}
body.hc-desktop #hc-listening-room .hc-room-transport{grid-column:2;grid-row:1;justify-content:center;gap:8px}
body.hc-desktop #hc-listening-room .hc-room-transport button{min-width:32px;min-height:32px;padding:6px}
body.hc-desktop #hc-listening-room .hc-room-transport .hc-room-main-play{width:36px;height:36px;min-width:36px;min-height:36px}
body.hc-desktop #hc-listening-room .hc-room-timeline{grid-column:2;grid-row:2;gap:8px;font-size:11px;min-width:0}
body.hc-desktop #hc-listening-room .hc-room-volume{grid-column:3;grid-row:1;gap:8px;justify-content:flex-end}
body.hc-desktop #hc-listening-room .hc-room-volume input{width:90px}
body.hc-desktop #hc-listening-room .hc-room-modes{grid-column:3;grid-row:2;gap:5px;justify-content:flex-end}
body.hc-desktop #hc-listening-room :is(.hc-room-modes,.hc-room-volume) button{font-size:11px;min-height:26px;padding:4px 8px}
body.hc-desktop #hc-listening-room .hc-room-shortcuts{display:none}
/* Album browsing gets the same roomier content area and keeps its internal scroll. */
body.hc-desktop #hc-listening-room .hc-room-body{grid-template-columns:minmax(240px,.75fr) minmax(0,1.25fr);gap:32px;min-height:0}
body.hc-desktop #hc-listening-room .hc-room-stage{gap:10px}
body.hc-desktop #hc-listening-room .hc-room-art{width:min(26dvh,240px)}
body.hc-desktop #hc-listening-room .hc-room-now h1{font-size:28px;line-height:1.2;margin:6px 0}
body.hc-desktop #hc-listening-room .hc-room-tabs{gap:4px;padding-bottom:8px;flex-shrink:0}
body.hc-desktop #hc-listening-room .hc-room-tabs button{font-size:12px;min-height:32px;padding:6px 10px}
body.hc-desktop #hc-listening-room .hc-room-panel{min-height:0;padding:10px 8px 12px 0;overflow:auto}
body.hc-desktop #hc-listening-room .hc-intel-map>svg{inset:0;display:block}
body.hc-desktop #hc-listening-room .hc-intel-panel>.hc-intel-kicker{display:none}
body.hc-desktop #hc-listening-room .hc-listen-explanation{margin:6px 0 10px;border-bottom:1px solid var(--listen-line);padding-bottom:8px}
body.hc-desktop #hc-listening-room .hc-listen-explanation summary{font:12px/1.4 system-ui,sans-serif;color:#cbb693;cursor:pointer}
body.hc-desktop #hc-listening-room .hc-listen-explanation summary:focus-visible{outline:2px solid #e7d6bd;outline-offset:3px}
body.hc-desktop #hc-listening-room .hc-room-header{padding-right:440px}
body.hc-desktop #hc-listening-room .hc-intel-mode{position:absolute;top:10px;right:84px;z-index:2;margin:0}
body.hc-desktop #hc-listening-room .hc-listen-explanation{margin:4px 0 6px;padding-bottom:6px}
