/* PROFILE NAV V1 - own-library header tabs + viewed-user local navigation */
.viewed-user-actions .viewed-user-nav,.viewed-user-actions .viewed-user-stats{border-color:transparent!important;background:transparent!important;color:#96969d!important;box-shadow:none!important}
.viewed-user-actions .viewed-user-nav.active{border-color:rgba(255,100,24,.34)!important;background:rgba(255,100,24,.1)!important;color:#fff!important}
.viewed-user-actions .viewed-user-nav.active>span:first-child{color:var(--groovy-orange)!important}
.viewed-user-actions .viewed-user-nav:hover,.viewed-user-actions .viewed-user-stats:hover{border-color:rgba(255,255,255,.1)!important;background:rgba(255,255,255,.055)!important;color:#fff!important}
.viewed-user-actions .viewed-user-stats:hover{border-color:rgba(255,100,24,.25)!important;background:rgba(255,100,24,.075)!important}
.viewed-user-actions .record-icon{width:14px;height:14px;flex-basis:14px}
.viewed-user-actions .wishlist-icon{width:16px;height:16px;flex-basis:16px}
#copyProfileLinkButton[hidden]{display:none!important}
@media screen and (min-width:761px){.viewed-user-header{justify-content:space-between}.viewed-user-actions{margin-left:auto;padding-left:9px}.viewed-user-actions button{min-width:82px}.viewed-user-actions .viewed-user-stats{min-width:96px}}
@media screen and (max-width:760px){.viewed-user-header{gap:9px!important;padding:10px!important}.viewed-user-identity{width:100%;padding-right:0!important}.viewed-user-copy{flex:1}.viewed-user-name{max-width:none!important}.viewed-user-actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));width:100%!important;margin:0!important;padding:8px 0 0!important;border-left:0!important;border-top:1px solid rgba(255,255,255,.07)}.viewed-user-actions button{width:100%;min-width:0!important;min-height:40px!important;padding:5px 6px!important;border-radius:8px!important;font-size:10px!important}.viewed-user-actions .viewed-action-label{display:inline!important}.viewed-user-actions .record-icon{width:13px;height:13px;flex-basis:13px}.viewed-user-actions .wishlist-icon{width:15px;height:15px;flex-basis:15px}}
@media screen and (max-width:380px){.viewed-user-actions button{gap:4px!important;padding-left:4px!important;padding-right:4px!important;font-size:9px!important}}

/* ABOUT THIS ALBUM - Wikipedia introduction */
.album-about{grid-column:1/3;grid-row:2;width:100%;min-width:0;padding:16px 17px 13px;border:1px solid var(--groovy-line);border-radius:10px;background:linear-gradient(180deg,#121214 0%,#0f0f11 100%);box-shadow:inset 0 1px rgba(255,255,255,.018);color:#b5b5ba}
.album-about[hidden]{display:none!important}
.album-about h2{margin:0 0 9px;color:#f4f4f5;font-size:18px;font-weight:740;letter-spacing:-.02em}
.album-about-body{position:relative;max-height:62.4px;overflow:hidden;transition:max-height .38s cubic-bezier(.2,.8,.2,1)}
.album-about-body:not(.expanded):after{content:"";position:absolute;left:0;right:0;bottom:0;height:22px;background:linear-gradient(to bottom,rgba(15,15,17,0),#0f0f11);pointer-events:none}
.album-about-text{color:#a8a8ae;font-size:13px;line-height:1.6}.album-about-text p{margin:0 0 18px}.album-about-text p:last-child{margin-bottom:0}
.album-about-toggle{display:inline-flex;align-items:center;gap:7px;margin:8px 0 0;padding:0;border:0;background:none;color:var(--groovy-orange);font:inherit;font-size:10px;font-weight:750;cursor:pointer;-webkit-tap-highlight-color:transparent}
.album-about-toggle[hidden]{display:none!important}
.album-about-toggle i{width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .28s ease}
.album-about-toggle[aria-expanded="true"] i{transform:rotate(225deg) translate(-1px,-1px)}
.album-about-source{display:flex;align-items:center;gap:8px;margin-top:10px;color:#66666d;font-size:9px;line-height:1.3}
.album-about-source a{color:#d06a32;font-weight:700;text-decoration:none}
.album-about-source a:hover{color:var(--groovy-orange)}
.album-about-source .album-about-license{color:#77777e;font-weight:600}
.album-about-source .album-about-license:hover{color:#aaaab0}
@media screen and (max-width:1120px) and (min-width:761px){.album-about{grid-column:1/-1;grid-row:3;width:100%;padding:16px 17px 13px}.marketplace-panel{grid-column:1/-1;grid-row:4}}
@media screen and (max-width:760px){.album-about{grid-column:1/-1;grid-row:5;width:100%;margin-top:14px;padding:15px 16px;border:1px solid var(--groovy-line);border-radius:8px;background:#121214}.album-about h2{margin-bottom:8px;font-size:16px}.album-about-body{max-height:51.15px}.album-about-body:not(.expanded):after{background:linear-gradient(to bottom,rgba(18,18,20,0),#121214)}.album-about-text{font-size:11px;line-height:1.55}.album-about-text p{margin-bottom:15px}.album-about-source{justify-content:space-between;margin-top:10px;font-size:8px}.marketplace-panel{grid-column:1/-1!important;grid-row:6!important;margin-top:14px!important}}
@media (prefers-reduced-motion:reduce){.album-about-body,.album-about-toggle i{transition:none}}

/* ABOUT THIS ALBUM V7 - section spacing + independent desktop columns */
.about-album-first-heading{margin:24px 0 18px;color:#f4f4f5;font-size:15px;font-weight:740;line-height:1.35;letter-spacing:-.01em}
.album-desktop-left,.album-desktop-right{display:contents}
.copy-details-reveal{display:contents}
@media screen and (min-width:1121px){
  .album-overlay{scrollbar-gutter:stable}
  /* Independent row sizing: the taller column only grows the outer scroll area. */
  .album-desktop-left{display:grid;grid-column:1/3;grid-row:1;grid-template-columns:subgrid;gap:inherit;min-width:0;align-items:start;align-content:start}
  .album-desktop-right{display:flex;grid-column:3;grid-row:1;min-width:0;flex-direction:column;align-self:start;gap:14px}
  .album-desktop-right .album-tracks{width:100%;max-height:none;min-height:0;overflow:visible}
  /* Only the songs have a scroll limit. Pressing details never consume that space.
     Reserve room for the collapsed pressing, track heading and Marketplace. */
  .album-desktop-right #detailTracks{max-height:clamp(4rem,calc(100dvh - 36rem),32rem);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#3b3b40 transparent}
  .album-desktop-right #detailTracks::-webkit-scrollbar{width:7px}
  .album-desktop-right #detailTracks::-webkit-scrollbar-thumb{border-radius:999px;background:#3b3b40}
  .album-desktop-right .marketplace-panel{width:100%;margin:0}
  .album-about{align-self:start}
  .album-detail:has(.detail-artwork-source:not([hidden])) .album-about:not([hidden]){margin-top:8px}
  .marketplace-panel{align-self:start}
}
@media screen and (max-width:760px){.about-album-first-heading{margin:20px 0 15px;font-size:13px;line-height:1.35}}


/* MARKETPLACE PRICE V1 - local currency + lowest Buy Now */
.marketplace-currency-control{display:flex;align-items:center;gap:6px;margin-left:auto;color:#6f6f75;font-size:8px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}
.marketplace-currency-control select{height:29px;max-width:104px;padding:0 25px 0 9px;border:1px solid #343438;border-radius:7px;background:#0d0d0f;color:#d5d5d9;font:inherit;font-size:9px;font-weight:700;letter-spacing:.02em;text-transform:none;outline:none;cursor:pointer}
.marketplace-currency-control select:hover,.marketplace-currency-control select:focus{border-color:rgba(255,100,24,.55);color:#fff}
.marketplace-price-summary{display:flex;min-width:0;align-items:flex-end;justify-content:space-between;gap:14px;margin-top:15px;padding:13px 14px;border:1px solid rgba(255,100,24,.24);border-radius:9px;background:linear-gradient(110deg,rgba(255,100,24,.085),rgba(255,100,24,.018) 55%,rgba(255,255,255,.015));box-shadow:inset 0 1px rgba(255,255,255,.025)}
.marketplace-price-copy{display:flex;min-width:0;flex-direction:column;gap:4px}
.marketplace-price-kicker{color:#ff6f28;font-size:8px;font-weight:850;letter-spacing:.13em;line-height:1;text-transform:uppercase}
.marketplace-lowest-price{display:flex;min-width:0;align-items:baseline;gap:8px;color:#fff;text-decoration:none}
.marketplace-lowest-price strong{color:#fff;font-size:22px;font-weight:780;line-height:1;letter-spacing:-.025em}
.marketplace-lowest-price span{overflow:hidden;color:#9b9ba1;font-size:10px;font-weight:650;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}
.marketplace-lowest-price:hover strong{color:#ff762e}
.marketplace-lowest-price:after{content:"↗";flex:0 0 auto;color:#ff6418;font-size:11px}
.marketplace-price-status{overflow:hidden;color:#b5b5ba;font-size:11px;font-weight:650;line-height:1.35;text-overflow:ellipsis}
.marketplace-price-note{flex:0 0 auto;color:#66666d;font-size:8px;font-weight:600;white-space:nowrap}
.marketplace-price-summary.loading{border-color:#303034;background:#101012}.marketplace-price-summary.loading .marketplace-price-kicker{color:#77777e}
.marketplace-price-summary.empty,.marketplace-price-summary.partial{border-color:#2e2e32;background:#101012}.marketplace-price-summary.empty .marketplace-price-kicker,.marketplace-price-summary.partial .marketplace-price-kicker{color:#77777e}
.marketplace-price-summary+.marketplace-triggers{margin-top:10px}
@media screen and (max-width:760px){.marketplace-heading{flex-wrap:wrap}.marketplace-heading>div{flex:1}.marketplace-currency-control{margin-left:auto}.marketplace-currency-control>span{display:none}.marketplace-currency-control select{height:28px;max-width:96px;padding-left:8px;font-size:8px}.marketplace-price-summary{align-items:flex-end;margin-top:13px;padding:12px}.marketplace-lowest-price{gap:6px}.marketplace-lowest-price strong{font-size:20px}.marketplace-lowest-price span{font-size:9px}.marketplace-price-status{font-size:10px}.marketplace-price-note{font-size:7.5px}.marketplace-price-summary+.marketplace-triggers{margin-top:9px}}
@media screen and (max-width:380px){.marketplace-price-summary{gap:8px;padding:11px}.marketplace-lowest-price{flex-wrap:wrap;row-gap:3px}.marketplace-lowest-price strong{font-size:18px}.marketplace-price-note{max-width:70px;text-align:right;white-space:normal}}

@media screen and (max-width:390px){.logo{width:126px}.header-tools{gap:5px}.library-search{width:36px;flex-basis:36px}.online-users-pill{height:34px;gap:5px;padding:0 7px}.online-users-copy strong{font-size:10px}.online-users-mobile{font-size:7.5px;letter-spacing:.5px}#profileButton{width:38px;height:38px}}
@media (prefers-reduced-motion:reduce){.online-users-pill.has-users .online-users-dot:after{animation:none}}


/* MOBILE HEADER V2 - online status stays in top row; expanded search gets its own row */
@media screen and (max-width:760px){
.header-main{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-rows:auto auto auto;align-items:center;column-gap:8px;row-gap:8px}
.header-brand{grid-column:1;grid-row:1;min-width:0}
.header-tools{display:contents}
.online-users-pill{grid-column:2;grid-row:1;justify-self:end;align-self:center;max-width:100%;margin:0}
.library-search{grid-column:3;grid-row:1;position:relative;left:auto;right:auto;top:auto;margin:0}
#authBox{grid-column:4;grid-row:1;position:relative;top:auto;right:auto;margin:0}
.header .library-tabs{grid-column:1/-1;grid-row:3;margin-top:0}
.library-search:focus-within{position:relative;z-index:50;grid-column:1/-1;grid-row:2;left:auto;right:auto;top:auto;width:100%;height:42px;flex:0 0 auto;margin:0}
.library-search:focus-within input{width:100%;padding:0 12px 0 42px}
}
@media screen and (max-width:390px){.header-main{column-gap:5px}.online-users-pill{justify-self:end}.library-search{width:36px;flex-basis:36px}}
@media screen and (max-width:350px){.logo{width:112px}.online-users-pill{padding:0 6px}.online-users-mobile{font-size:7px}}