/* Readable type and comfortable controls across desktop and mobile. */
:root{--muted:#d0d2df}
body{font-size:14.58px;line-height:1.65}
.header{height:auto;min-height:90px;flex-wrap:wrap;padding-block:10px}
.header nav{font-size:13.77px;gap:24px}
.button,.outline,.hero-actions .button{font-size:13.77px;min-height:48px}
.hero-copy>p,.pricing-intro p,.catalogue-main>p,.request-section p,.member-note p{font-size:14.58px}
.hero-search input,.catalogue-search input,.filter-panel select{font-size:14.58px;min-height:48px}
.preview-note,.art-caption{font-size:10.53px}
.hero-copy>small,.text-link,.steps small,.home-plan small,.fine,.request-section small,.eyebrow,.footer,.filter-panel small,.catalogue-main>.search-help,.catalogue-main>.access-note,.pending,.pricing-intro small{font-size:12.96px}
.steps strong,.card-info p,.card-details,.locked-actions,.radio,.filter-panel .radio,.quality-options span,.clear-filters,.results-heading p,.sort-display,.pagination,.loyalty-banner p,.loyalty-stages,.rules-banner ol,.rules-banner p,.faq-grid details,.song-detail dl,.legacy-note{font-size:13.77px}
.card-info h3,.latest .card-info h3{font-size:16.2px;line-height:1.5}
.card-info{padding:14px}
.card-details,.locked-actions a{min-height:44px;display:flex;align-items:center;justify-content:center}
.locked-actions{flex-wrap:wrap}
.quality{font-size:12.15px}
.home-plan h3{font-size:16.2px}
.home-plan p{font-size:13.77px}
.home-plan strong{font-size:21.06px}
.price{font-size:24.3px}
.price small{font-size:14.58px}
.plan{padding:24px 20px}
.plan h2{font-size:22.68px}
.plan-allowance{font-size:15.39px}
.plan-allowance>strong{font-size:38.88px;letter-spacing:-1px;white-space:nowrap}
.plan-allowance p{font-size:13.77px;line-height:1.6}
.plan-allowance p b{font-size:16.2px;color:#ff94bc}
.plan ul{font-size:14.58px;line-height:1.7}
.plan li{margin-block:12px}
.pending{color:#fff0f8;background:#55243e}
.faq-grid summary{min-height:44px;align-content:center;font-size:14.58px}
.faq-grid details p{font-size:14.58px}
.radio{min-height:44px}
.radio input{width:22px;height:22px;flex-shrink:0}
.quality-options span{min-height:48px}
.section-heading{flex-wrap:wrap}
.loyalty-banner{flex-wrap:wrap}
.loyalty-stages{margin-left:0}
.rules-banner{flex-wrap:wrap}
.footer{flex-wrap:wrap}
@media(max-width:1250px){
 .plan-grid,.home-plans{grid-template-columns:repeat(2,minmax(0,1fr))}
 .song-grid,.catalogue-main .song-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .hero-copy{max-width:65%}
 .hero-actions{flex-wrap:wrap}
 .steps{gap:24px}
}
@media(max-width:760px){
 body{padding-bottom:90px}
 .header{height:75px;min-height:75px;flex-wrap:nowrap}
 .header nav{font-size:14.58px}
 .hero-copy{max-width:none}
 .hero-copy>p{font-size:14.58px}
 .hero-actions{flex-direction:column}
 .hero-actions .button{font-size:14.58px;width:100%}
 .song-grid,.catalogue-main .song-grid{grid-template-columns:1fr}
 .song-card,.latest .song-card{grid-template-columns:95px minmax(0,1fr);gap:12px}
 .card-info,.latest .card-info{padding:3px}
 .card-info h3,.latest .card-info h3{font-size:14.58px}
 .card-info p,.card-details,.latest .card-details{font-size:12.96px}
 .card-details,.latest .card-details{display:flex;padding:8px;min-height:44px}
 .plan-grid,.home-plans{grid-template-columns:1fr}
 .plan-allowance>strong{font-size:38.88px}
 .plan ul{font-size:14.58px}
 .filter-label,.filter-panel legend{font-size:14.58px}
 .filter-toggle{font-size:13.77px;min-height:48px}
 .filter-panel .radio{display:flex}
 .mobile-bottom a{min-width:0;flex:1;min-height:62px}
 .mobile-bottom a span{font-size:11.34px;color:#ececf4}
 .section-heading h2{font-size:19.44px}
 .loyalty-stages{font-size:12.96px}
 .song-detail dl{grid-template-columns:100px minmax(0,1fr)}
}
