/* R63: useful music discovery, retaining the shared Cello and color policy. */
:root{--blue:#95b8cc;--sage:#a0bda9;--gold:#d3b78f;--violet:#b6a8cb}
html{scroll-behavior:smooth;scroll-padding-top:20px}body{background:#090f13}.portal-masthead{padding:22px 0;gap:32px}.brand{max-width:420px}.brand>svg{height:18px}.portal-navigation{padding:0;background:transparent;border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0}.nav-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:0}.nav-grid>a{background:none;border:0;border-radius:0;font-size:13px;min-height:48px;gap:6px}.nav-grid>a:hover{background:#142129}.nav-grid>a.active{background:#241d18;color:#edb18e;box-shadow:inset 0 -2px #ff6a2a}.nav-grid>a>span{font-size:12px}.portal-intro{padding:23px 0 18px}.portal-intro h1{font-size:clamp(22px,1.45vw,31px)}
.portal-lead{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(320px,1fr);margin-bottom:24px;border:1px solid #34404a;border-radius:8px;background:linear-gradient(115deg,#19232b 0%,#101b22 65%,#15211f 100%);overflow:hidden}.lead-main{padding:26px 32px;border-left:3px solid #d59c73;display:flex;flex-direction:column;align-items:start;justify-content:center}.lead-main>.eyebrow{color:#d3b78f;display:flex;flex-wrap:wrap;gap:16px;font-size:11px}.lead-main>.eyebrow>span{color:#9faeb7;text-transform:none;letter-spacing:0}.lead-main h2{font-size:clamp(24px,1.65vw,36px);max-width:1100px;margin:10px 0 9px;line-height:1.35}.lead-main>p:not(.eyebrow){font-size:13px;color:#a9b8c2}.lead-link{font-size:13px;color:#e1bd99;display:inline-flex;gap:30px;align-items:center;margin-top:18px}.lead-link span{font-size:20px}.lead-paths{display:grid;padding:10px 24px;border-left:1px solid #35424a}.lead-paths>a{display:flex;align-items:center;gap:18px;padding:14px 2px;border-bottom:1px solid #344047}.lead-paths>a:last-child{border-bottom:0}.path-number{font-size:12px;color:#9bb5a5;font-variant-numeric:tabular-nums}.lead-paths>a>span:nth-child(2){flex:1;min-width:0}.lead-paths strong{font-family:'Mercury Cello',Arial,sans-serif;font-weight:400;font-size:21px;display:block;color:#b9c9bd}.lead-paths small{font-size:12px;color:#94a5b0;display:block;margin-top:3px}.lead-paths>a>span:last-child{color:#c1ad93}.lead-paths>a:hover strong,.lead-link:hover{color:#fff}
.portal-grid{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr) minmax(0,1.02fr);gap:22px}.panel{background:#101920;border-radius:7px}.panel-head{min-height:94px;padding:19px 22px 16px;border-top:3px solid #7f9fb3;background:#14212a}.panel-head h2{font-size:clamp(25px,1.65vw,34px)}.activity-column .panel-head{border-top-color:#92b09d;background:#15211f}.playlist-column .panel-head{border-top-color:#c5a678;background:#211f1b}.activity-column .panel-head h2{color:var(--sage)!important}.playlist-column .panel-head h2{color:var(--gold)!important}.panel-head>.eyebrow,.panel-head .eyebrow{font-size:10px;letter-spacing:1.5px}.panel-head>a{font-size:11px}.panel-body{padding:0 22px 20px}.filters{padding:11px 22px;gap:5px;background:#0e171d}.filters button{padding:7px 9px;font-size:12px}.feed-tools{display:flex;gap:9px;margin-top:16px;flex-wrap:wrap}.field{display:block;min-width:0;flex:1}.field input,.sort-field select{width:100%;height:38px;border:1px solid #35444e;background:#0b1319;border-radius:4px;color:#c6d2da;padding:8px 10px;font:12px Arial,sans-serif}.field input::placeholder{color:#8e9faa}.sort-field{flex:0 1 130px}.sort-field select{padding-right:5px}.field input:focus,.sort-field select:focus{outline:2px solid #95b8cc;outline-offset:2px}.playlist-search{margin:16px 0 0}.result-count{font-size:11px;color:#97a9b6;margin:10px 0 0;min-height:17px}.thread-row{padding:17px 0;gap:14px;grid-template-columns:minmax(0,1fr) 44px}.thread-row h3{font-size:clamp(17px,1.04vw,23px);line-height:1.44}.thread-room{font-size:10px;text-transform:uppercase;letter-spacing:.7px;color:#90afc1;margin-bottom:7px}.thread-meta{font-size:12px;margin-top:7px}.reply-count{font-size:18px;border-left:1px solid #30404a;align-self:start;margin-top:8px;line-height:1.4}.reply-count small{font-size:8px;margin-top:3px}.thread-row:hover{background:#142028}.thread-row h3 a:hover,.artist-update h4 a:hover,.track-row h3 a:hover{text-decoration:underline;text-underline-offset:4px}.more-button{width:100%;border:1px solid #364b59;background:#172730;border-radius:4px;color:#b2c9d7;font-size:12px;min-height:38px;margin:15px 0 0}.more-button:hover{background:#253d4a}[hidden]{display:none!important}.panel-foot{font-size:11px;line-height:1.7}.artist-update{padding:18px 0}.artist-top{margin-bottom:10px}.artist-top img,.artist-avatar{width:46px;height:46px;border-radius:50%}.artist-top h3{font-size:23px}.artist-update h4{font-size:clamp(17px,1vw,22px);line-height:1.4}.artist-update>p{font-size:12px}.artist-update .reply-link{font-size:11px;color:#b8c8bf}.submodule{margin-top:22px;border-top-color:#3a4b54}.submodule>h3{font-size:23px}.micko-box{grid-template-columns:54px minmax(0,1fr);gap:12px}.micko-box>img{height:54px;width:54px}.micko-box h3{font-size:27px}.micko-box .eyebrow{font-size:9px}.micko-box p{font-size:11px}.micko-latest{font-size:12px;margin-top:11px}.member-row h4{font-size:19px}.member-row p{font-size:12px}.member-row{padding:11px 0}.playlist-source{font-size:11px;border:0;padding:9px 0 0}.track-row{grid-template-columns:52px minmax(0,1fr) 32px;gap:13px;padding:16px 0}.track-row img,.track-fallback{width:52px;height:52px;border-radius:4px}.track-row h3{font-size:clamp(17px,1vw,22px);line-height:1.38}.track-row p{font-size:12px;line-height:1.45}.track-row small{font-size:10px}.share-small{font-size:18px;min-height:36px;min-width:30px;border:1px solid #33434e;border-radius:4px}.share-small:hover{background:#2a3e48}.track-actions{flex-wrap:wrap}.track-actions .button{font-size:11px}.section-note{font-size:11px;color:#a0afba;line-height:1.6}.discussed-row{display:grid;grid-template-columns:22px minmax(0,1fr) 45px;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #2b3943;font-size:12px;color:#bdcbd5}.chart-rank{color:#c7a679;font-size:11px}.discussed-row strong{font-weight:400;text-align:right;font-size:14px;color:#d3b78f}.discussed-row small{display:block;color:#93a3ad;font-size:9px}.play-count-note{font-size:11px;color:#93a7b5;margin-top:14px;line-height:1.8}.play-count-note summary{cursor:pointer}.play-count-note p{margin-top:8px}.requests-band{background:#121e24}.requests-band .eyebrow{color:#c7a67e}.button{min-height:38px}a:focus-visible,button:focus-visible{outline:2px solid #a0c6dc;outline-offset:4px}.panel,.portal-lead{overflow-wrap:anywhere}
@media(min-width:2200px){.portal-masthead{grid-template-columns:480px minmax(0,1fr) 570px}.portal-lead{grid-template-columns:1.65fr 1fr}.lead-main{padding:28px 35px}.lead-paths{padding:10px 30px}.lead-main>p:not(.eyebrow),.lead-link{font-size:15px}.lead-paths strong{font-size:26px}.lead-paths small{font-size:14px}.panel-head{padding:22px 26px}.panel-body{padding:0 26px 24px}.thread-meta,.track-row p{font-size:14px}.track-row small,.playlist-source,.result-count{font-size:12px}.nav-grid>a{font-size:15px}.thread-row{padding:19px 0}.thread-room{font-size:11px}.artist-update>p,.member-row p{font-size:13px}.field input,.sort-field select{font-size:14px;height:42px}.discussed-row{font-size:14px}.more-button{font-size:14px}.artist-update .reply-link{font-size:13px}}
@media(max-width:1279px){.nav-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.portal-lead{grid-template-columns:minmax(0,1.3fr) minmax(280px,1fr)}.lead-main{padding:22px}.lead-paths{padding:8px 18px}.lead-paths strong{font-size:19px}.portal-grid{grid-template-columns:1fr 1fr}.playlist-column{grid-column:1/-1}.lead-main h2{font-size:25px}.panel-head h2{font-size:26px}}
@media(max-width:760px){.portal-masthead{padding:17px 0;gap:15px}.brand{max-width:360px}.brand>svg{height:15px}.brand>span{font-size:9px}.listening-compact{display:none}.nav-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.nav-grid>a{font-size:10px;padding:7px 3px;min-height:40px;gap:3px}.nav-grid>a>span{display:none}.portal-intro{padding:20px 0 16px}.portal-intro h1{font-size:22px}.portal-intro>div{margin-top:10px}.portal-lead{grid-template-columns:1fr;margin-bottom:20px}.lead-main{padding:20px}.lead-main h2{font-size:23px}.lead-main>.eyebrow{font-size:9px;gap:8px}.lead-main>p:not(.eyebrow){font-size:12px}.lead-paths{border-left:0;border-top:1px solid #35424a;padding:4px 18px}.lead-paths>a{padding:12px 0;gap:12px}.lead-paths strong{font-size:18px}.lead-paths small{font-size:11px}.portal-grid{grid-template-columns:1fr;gap:20px}.playlist-column{grid-column:auto;grid-row:2}.panel-head{min-height:87px;padding:18px}.panel-head h2{font-size:28px}.panel-body{padding:0 17px 18px}.filters{padding:11px 17px}.thread-row h3{font-size:18px}.track-row h3{font-size:18px}.feed-tools{gap:7px}.sort-field{flex-basis:118px}.artist-update h4{font-size:18px}.requests-band .actions{grid-template-columns:1fr}.lead-link{margin-top:13px}.result-count{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Shared layered heading colors are configured through their scoped variables. */
.activity-column{--ms-heading-section:#a0bda9}.playlist-column{--ms-heading-section:#d3b78f}.portal-lead{--ms-heading-section:#d3b78f}
.reply-count{white-space:nowrap;border-left:0}.thread-row{grid-template-columns:minmax(0,1fr) 55px}.chart-rank,.discussed-row strong{white-space:nowrap}
@media(min-width:761px){.lead-main{padding:20px 28px}.lead-main h2{font-size:clamp(22px,1.3vw,29px)}.lead-main>.eyebrow{font-size:10px}.lead-link{margin-top:10px}.lead-paths>a{padding:9px 0}.lead-paths strong{font-size:19px}.lead-paths small{font-size:11px}.portal-lead{margin-bottom:22px}}

@media(max-width:760px){.lead-main h2{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.feed-tools .field{flex-basis:100%}.sort-field{flex:1}}