/* Keep listening and utility content readable on wide desktops. Hero rules are untouched. */
body[data-route="tunein"] .listen-content{width:calc(100% - 96px);max-width:1320px}
body[data-route="tunein"] .listen-browser{grid-template-columns:minmax(0,1.4fr) minmax(260px,.8fr);gap:22px 64px;padding:36px 0 24px}
body[data-route="tunein"] .listen-browser>div>p:last-child{max-width:62ch;margin-bottom:0}
body[data-route="tunein"] .listen-benefits{margin:0;gap:15px}
body[data-route="tunein"] .listen-help summary{padding:16px 0;min-height:48px;align-items:center}
body[data-route="tunein"] .listen-help>div{padding:0 0 12px}
body[data-route="tunein"] .listen-section-heading{align-items:center;margin-bottom:20px}
body[data-route="tunein"] .listen-section-heading>p{margin:0;max-width:44ch}
body[data-route="tunein"] .listen-alternatives{padding:32px 0}
body[data-route="tunein"] .listen-options{gap:24px}
body[data-route="tunein"] .listen-option{display:flex;flex-direction:column;padding:24px 28px}
body[data-route="tunein"] .listen-option-heading{margin-bottom:16px}
body[data-route="tunein"] .listen-option h3{font-size:25px;line-height:1.25}
body[data-route="tunein"] .listen-option>p{margin:0 0 22px;max-width:58ch}
body[data-route="tunein"] .listen-option-bottom{margin-top:auto;gap:12px 16px;align-items:center}
body[data-route="tunein"] .listen-option-bottom .listen-button{min-height:46px}
body[data-route="tunein"] .listen-premium.fa-premium{grid-template-columns:340px minmax(0,1fr);column-gap:36px;row-gap:14px;padding:28px 0}
body[data-route="tunein"] .listen-premium.fa-premium>div>p:last-child{max-width:62ch;margin-bottom:0}
body[data-route="tunein"] .listen-premium.fa-premium>.listen-button{align-self:start}
body[data-route="tunein"] .listen-technical{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px;padding:32px 0;align-items:center}
body[data-route="tunein"] .listen-technical h2{font-size:28px}
body[data-route="tunein"] .listen-technical>div>p:last-child{margin-bottom:0;max-width:48ch}
body[data-route="tunein"] .up-stream-route{justify-content:flex-start;gap:12px;font-size:12px;flex-wrap:nowrap}
body[data-route="tunein"] .up-signal{width:70px;flex-shrink:1;min-width:30px;height:24px}
body[data-route="tunein"] #advancedBody{padding:0 0 8px}
body[data-route="tunein"] .listen-support{padding:20px 0;margin:0;text-align:left}
body[data-route="tunein"] .review-context-note{width:calc(100% - 96px);max-width:1320px;margin:0 auto 32px;padding:18px 0 0;border:0;border-top:1px solid #223646;border-radius:0;background:none;display:flex;align-items:baseline;gap:28px}
body[data-route="tunein"] .review-context-note h2{flex:none;font-size:18px;margin:0}
body[data-route="tunein"] .review-context-note p{margin:0;line-height:1.65;max-width:76ch}
body[data-route="tunein"] :is(.listen-button,.listen-text-link,.listen-now-link,#advancedToggle,#listen-copy,.listen-help summary):focus-visible{outline:2px solid #70d9f0;outline-offset:4px}

body[data-route="affiliate"] #main-content>.affiliate-part,
body[data-route="affiliate"] #main-content>.faq,
body[data-route="affiliate"] #main-content>.bottom-cta{max-width:1320px;margin-inline:auto}
body[data-route="affiliate"] #main-content>.affiliate-part{padding:28px 0!important;background:none!important;border:0;border-radius:0}
body[data-route="affiliate"] #main-content>.affiliate-part-1{border-top:1px solid #263d50;border-bottom:1px solid #263d50}
body[data-route="affiliate"] .affiliate-part-1 .example-note{margin-bottom:0}
body[data-route="affiliate"] #main-content>.bottom-cta{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 36px;align-items:center;padding:26px 0!important;margin-top:28px;border:0!important;border-top:1px solid #4d3c2b!important;border-radius:0;background:none;text-align:left}
body[data-route="affiliate"] .bottom-cta h3{margin:0;font-size:26px}
body[data-route="affiliate"] .bottom-cta p{grid-column:1;margin:0;max-width:62ch;line-height:1.65}
body[data-route="affiliate"] .bottom-cta .cta-btn{grid-column:2;grid-row:1/3;margin:0;justify-self:end}
body[data-route="contact"] main.contact-layout{max-width:1240px;width:calc(100% - 96px);margin-inline:auto;grid-template-columns:minmax(280px,350px) minmax(0,1fr);gap:48px;padding:40px 0 56px}
body[data-route="contact"] .contact-routing{min-width:0}
body[data-route="contact"] .contact-topic{padding:12px 16px;min-height:0}

@media(max-width:1100px){
 body[data-route="tunein"] .listen-browser{gap:22px 32px;grid-template-columns:minmax(0,1.2fr) minmax(240px,.8fr)}
 body[data-route="tunein"] .listen-option{padding:22px}
 body[data-route="tunein"] .listen-technical{gap:32px}
 body[data-route="tunein"] .up-stream-route{flex-wrap:wrap}
 body[data-route="tunein"] .review-context-note{display:block}
 body[data-route="tunein"] .review-context-note h2{margin-bottom:8px}
 body[data-route="contact"] main.contact-layout{grid-template-columns:minmax(230px,.8fr) minmax(0,1.3fr);gap:28px}
}
@media(max-width:800px){
 body[data-route="tunein"] :is(.listen-content,.review-context-note){width:calc(100% - 40px)}
 body[data-route="tunein"] :is(.listen-browser,.listen-technical){grid-template-columns:1fr;gap:20px}
 body[data-route="tunein"] .listen-premium.fa-premium{grid-template-columns:1fr;gap:18px}
 body[data-route="tunein"] .listen-premium.fa-premium>.listen-button{grid-column:1}
 body[data-route="tunein"] .listen-section-heading{display:block}
 body[data-route="tunein"] .listen-section-heading>p{margin-top:10px}
 body[data-route="tunein"] .listen-options{grid-template-columns:1fr;gap:16px}
 body[data-route="tunein"] .up-stream-route{display:flex;flex-wrap:nowrap;gap:8px}
 body[data-route="tunein"] .up-signal{width:45px}
 body[data-route="tunein"] .listen-technical h2{font-size:25px}
 body[data-route="affiliate"] #main-content>.bottom-cta{display:block;padding:24px 0}
 body[data-route="affiliate"] .bottom-cta p{margin:12px 0 18px}
 body[data-route="contact"] main.contact-layout{width:calc(100% - 40px);grid-template-columns:1fr;gap:26px;padding:28px 0 36px}
}

