.music-subhub-page{background:var(--paper);color:var(--ink)}
.music-subhub-page .header{background:var(--ink);color:#fff;border-bottom-color:rgba(255,255,255,.16);box-shadow:0 0 0 100vmax var(--ink);clip-path:inset(0 -100vmax)}
.music-subhub-page .header .brand-text,.music-subhub-page .header .nav a{color:#fff}
.msh-hero{background:var(--ink);color:#fff;padding:104px 0 96px;border-top:1px solid rgba(255,255,255,.06)}
.msh-kicker{font-size:11px;font-weight:900;letter-spacing:.17em;text-transform:uppercase;color:#8ed7d6}
.msh-hero-title{font:clamp(72px,9vw,132px)/.86 Impact,"Arial Narrow Bold",sans-serif;text-transform:uppercase;margin:18px 0 0;letter-spacing:.01em;color:var(--orange)}
.playlists-page .msh-hero-title{color:var(--gold)}
.reworks-page .msh-hero-title{color:#8ed7d6}
.msh-hero-sub{margin-top:20px;font:clamp(30px,3.4vw,50px)/1 Impact,"Arial Narrow Bold",sans-serif;text-transform:uppercase;color:#fff;max-width:920px}
.msh-hero-copy{max-width:790px;margin:30px 0 0;color:#d8d8d8;font-size:20px;line-height:1.62}
.msh-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}
.msh-tags span{border:1px solid rgba(255,255,255,.32);padding:9px 11px;font-size:10px;font-weight:900;letter-spacing:.11em;text-transform:uppercase;color:var(--gold)}
.msh-section{padding:92px 0 102px}
.msh-section-muted{background:#e8e0d2}
.msh-section-dark{background:var(--dark);color:#fff}
.msh-section-teal{background:#1e3c3d;color:#fff}
.msh-section-head{display:grid;grid-template-columns:.55fr 1.45fr;gap:54px;align-items:start;margin-bottom:36px}
.msh-section .msh-kicker{color:var(--dark)}
.msh-section-dark .msh-kicker,.msh-section-teal .msh-kicker{color:#a7dfdd}
.msh-section-title{font:clamp(52px,5.8vw,84px)/.92 Impact,"Arial Narrow Bold",sans-serif;text-transform:uppercase;margin:0}
.msh-section-copy{max-width:720px;margin:18px 0 0;color:#5e584f;font-size:18px;line-height:1.62}
.msh-section-dark .msh-section-copy,.msh-section-teal .msh-section-copy{color:#d6e3e2}
.msh-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.msh-card-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.msh-card{border:2px solid var(--ink);background:var(--paper);padding:22px;min-height:230px;display:flex;flex-direction:column;min-width:0}
.msh-card small,.msh-slot small,.msh-feature small{font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#6a6258}
.msh-card h3,.msh-slot h3{font:32px/1 Impact,"Arial Narrow Bold",sans-serif;text-transform:uppercase;margin:22px 0 0}
.msh-card p,.msh-slot p{color:#5e584f;line-height:1.56;margin:16px 0 22px}
.msh-card strong{margin-top:auto;padding-top:14px;border-top:1px solid var(--line);font-size:10px;letter-spacing:.11em;text-transform:uppercase}
.msh-feature{border:2px solid #586b6b;background:rgba(255,255,255,.03);padding:30px;display:grid;grid-template-columns:.68fr 1.32fr;gap:46px;align-items:start}
.msh-feature small{color:var(--gold)}
.msh-feature h3{font:clamp(44px,5vw,72px)/.9 Impact,"Arial Narrow Bold",sans-serif;text-transform:uppercase;margin:14px 0 0}
.msh-feature p{color:#d6e3e2;font-size:18px;line-height:1.62;margin:20px 0 0}
.msh-anatomy{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.msh-anatomy div{border-top:1px solid #587171;padding:16px 0 0;min-width:0}
.msh-anatomy b{display:block;font-size:11px;letter-spacing:.11em;text-transform:uppercase;color:var(--gold)}
.msh-anatomy span{display:block;margin-top:8px;color:#d6e3e2;line-height:1.5}
.msh-slot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.msh-slot{border:2px solid var(--ink);background:var(--paper);padding:22px;min-height:250px;display:flex;flex-direction:column;min-width:0}
.msh-slot .msh-slot-status{margin-top:auto;padding-top:14px;border-top:1px solid var(--line);font-size:10px;font-weight:900;letter-spacing:.11em;text-transform:uppercase;color:#6a6258}
.msh-slot-live{box-shadow:7px 7px 0 var(--gold)}
.msh-slot-link{display:inline-block;margin:0 0 18px;font-size:10px;font-weight:900;letter-spacing:.11em;text-transform:uppercase;border-bottom:1px solid currentColor;padding-bottom:3px;align-self:flex-start}
.msh-related{display:inline-block;margin-top:auto;font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid currentColor;padding-bottom:3px;align-self:flex-start}
.msh-case{border:2px solid var(--ink);background:var(--paper);box-shadow:10px 10px 0 var(--gold);padding:28px;display:grid;grid-template-columns:.68fr 1.32fr;gap:42px;align-items:start}
.msh-case-mark{aspect-ratio:1/1;background:var(--ink);color:#fff;padding:28px;display:flex;flex-direction:column;justify-content:space-between;min-width:0}
.msh-case-mark small{font-size:10px;font-weight:900;letter-spacing:.13em;text-transform:uppercase;color:#a7dfdd}
.msh-case-mark b{font:clamp(54px,6.5vw,92px)/.84 Impact,"Arial Narrow Bold",sans-serif;text-transform:uppercase;color:var(--gold)}
.msh-case-copy h3{font:clamp(46px,5vw,72px)/.9 Impact,"Arial Narrow Bold",sans-serif;text-transform:uppercase;margin:0}
.msh-case-copy>p{color:#5e584f;font-size:18px;line-height:1.62;margin:20px 0 0}
.msh-case-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px}
.msh-case-points div{border-top:1px solid var(--line);padding-top:13px}
.msh-case-points b{display:block;font-size:10px;letter-spacing:.11em;text-transform:uppercase}
.msh-case-points span{display:block;margin-top:7px;color:#5e584f;line-height:1.5}
.msh-process{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.msh-process article{border:2px solid #587171;padding:20px;min-height:170px;background:rgba(255,255,255,.025)}
.msh-process small{font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}
.msh-process h3{font:28px/1 Impact,"Arial Narrow Bold",sans-serif;text-transform:uppercase;margin:18px 0 0}
.msh-process p{color:#d6e3e2;line-height:1.5;margin:14px 0 0}
.msh-linkbar{background:var(--gold);padding:22px 0}
.msh-linkbar .shell{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}
.msh-linkbar a{font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.music-subhub-page .footer-wrap{background:var(--paper)}
.pick-hero{background:var(--ink);color:#fff;padding:88px 0 94px;border-top:1px solid rgba(255,255,255,.06)}
.pick-hero-grid{display:grid;grid-template-columns:.46fr 1.54fr;gap:64px;align-items:end}
.pick-number-block{aspect-ratio:1/1;background:var(--orange);color:var(--ink);padding:26px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:10px 10px 0 var(--gold);min-width:0}
.pick-number-block small,.pick-number-block span{font-size:10px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.pick-number-block b{font:clamp(72px,8vw,118px)/.8 Impact,"Arial Narrow Bold",sans-serif;letter-spacing:.01em}
.pick-hero-copy h1{font:clamp(86px,11vw,156px)/.82 Impact,"Arial Narrow Bold",sans-serif;text-transform:uppercase;margin:12px 0 0;color:#fff}
.pick-question{font:clamp(30px,3.8vw,54px)/1 Impact,"Arial Narrow Bold",sans-serif;text-transform:uppercase;color:var(--gold);max-width:900px;margin:26px 0 0}
.pick-intro{max-width:760px;color:#d7d7d7;font-size:19px;line-height:1.62;margin:28px 0 0}
.pick-fast{padding:76px 0 84px}
.pick-fast-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.pick-fast article{border:2px solid var(--ink);padding:26px;background:var(--paper);min-width:0}
.pick-fast small{font-size:10px;font-weight:900;letter-spacing:.13em;text-transform:uppercase;color:#6a6258}
.pick-fast h2{font:clamp(34px,3.8vw,54px)/.95 Impact,"Arial Narrow Bold",sans-serif;text-transform:uppercase;margin:18px 0 0}
.pick-fast p{color:#5e584f;line-height:1.6;margin:18px 0 20px}
.pick-fast a{display:inline-block;font-size:10px;font-weight:900;letter-spacing:.11em;text-transform:uppercase;border-bottom:1px solid currentColor;padding-bottom:3px}
.pick-spotify-embed{margin-top:24px;min-width:0}
.pick-spotify-embed iframe{display:block;width:100%;height:152px;border:0;background:#121212}
.pick-spotify-link{margin-top:12px!important}
.pick-story{background:var(--dark);color:#fff;padding:84px 0}
.pick-story-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:58px;align-items:start}
.pick-story h2,.pick-take h2{font:clamp(54px,6vw,88px)/.9 Impact,"Arial Narrow Bold",sans-serif;text-transform:uppercase;margin:12px 0 0}
.pick-story-copy p{font-size:19px;line-height:1.66;color:#dbe8e7;margin:0 0 22px;max-width:760px}
.pick-robin{background:var(--gold);padding:82px 0 86px}
.pick-robin-label{font-size:10px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}
.pick-robin-line{font:clamp(54px,7vw,102px)/.87 Impact,"Arial Narrow Bold",sans-serif;text-transform:uppercase;margin:18px 0 0;max-width:1100px}
.pick-robin-line span{color:var(--orange)}
.pick-robin-copy{font-size:19px;line-height:1.62;max-width:720px;margin:26px 0 0}
.pick-take{padding:82px 0 90px}
.pick-take-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:58px;align-items:end}
.pick-take-grid>div:last-child>p{font:clamp(30px,3vw,46px)/1 Impact,"Arial Narrow Bold",sans-serif;text-transform:uppercase;margin:0}
.pick-tags{display:flex;gap:9px;flex-wrap:wrap;margin-top:28px}
.pick-tags span{border:1px solid var(--ink);padding:9px 11px;font-size:10px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}
.pick-sources{background:#e8e0d2;padding:28px 0}
.pick-sources .shell{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;flex-wrap:wrap}
.pick-sources-title{font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.pick-source-links{display:flex;gap:16px;flex-wrap:wrap;justify-content:flex-end}
.pick-source-links a{font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid currentColor;padding-bottom:2px}
@media(max-width:1050px){.msh-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.msh-card-grid.three,.msh-slot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.msh-process{grid-template-columns:repeat(3,minmax(0,1fr))}.pick-hero-grid{grid-template-columns:.58fr 1.42fr;gap:42px}}
@media(max-width:900px){.msh-section-head,.msh-feature,.msh-case,.pick-hero-grid,.pick-story-grid,.pick-take-grid{grid-template-columns:1fr;gap:28px}.msh-case-mark{max-width:560px}.msh-process{grid-template-columns:1fr 1fr}.pick-number-block{max-width:430px}.pick-fast-grid{grid-template-columns:1fr}}
@media(max-width:800px){.music-subhub-page .header{height:70px}.music-subhub-page .nav{display:none}.msh-hero{padding:74px 0 76px}.msh-hero-title{font-size:clamp(66px,19vw,100px)}.msh-hero-copy{font-size:18px}.msh-section{padding:70px 0 78px}.msh-section-title{font-size:58px}.msh-card-grid,.msh-card-grid.three,.msh-slot-grid,.msh-anatomy,.msh-case-points,.msh-process{grid-template-columns:1fr}.msh-feature,.msh-case{padding:22px}.msh-case{box-shadow:7px 7px 0 var(--gold)}.pick-hero{padding:64px 0 70px}.pick-number-block{max-width:300px;box-shadow:7px 7px 0 var(--gold)}.pick-number-block b{font-size:76px}.pick-hero-copy h1{font-size:clamp(74px,23vw,112px)}.pick-question{font-size:36px}.pick-intro{font-size:17px}.pick-fast{padding:58px 0 64px}.pick-story,.pick-robin,.pick-take{padding:64px 0 70px}.pick-story h2,.pick-take h2{font-size:58px}.pick-story-copy p,.pick-robin-copy{font-size:17px}.pick-source-links{justify-content:flex-start}.music-subhub-page .footer{grid-template-columns:1fr;gap:30px;padding:32px 0}.music-subhub-page .footer-meta{justify-content:flex-start}}

/* Phase 6 QA: keep specialist music/Pick navigation available on mobile. */
@media(max-width:800px){
  .music-subhub-page .header{height:auto;min-height:70px;flex-wrap:wrap;align-content:center;padding:12px 0;row-gap:10px}
  .music-subhub-page .header .nav{display:flex;order:3;width:100%;gap:7px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding:0 0 2px}
  .music-subhub-page .header .nav::-webkit-scrollbar{display:none}
  .music-subhub-page .header .nav a{flex:0 0 auto;opacity:1;border:1px solid rgba(255,255,255,.24);padding:9px 10px;background:rgba(255,255,255,.06);font-size:10px;letter-spacing:.1em;white-space:nowrap}
}