/* Blue: a centered station listening area, recent recordings and wide program rows. */
html[data-design="blue"] .listening-home{max-width:1380px;padding-top:42px;padding-bottom:70px}
html[data-design="blue"] .listening-intro{position:relative;text-align:center;background:linear-gradient(160deg,#edf6f8,#e0edf1);border-radius:32px;padding:59px 32px 43px;overflow:hidden}
html[data-design="blue"] .listening-frequency{width:78px;height:78px;border-radius:50%;border:1px solid #a5c3cd;display:flex;align-items:center;justify-content:center;margin:0 auto 34px;position:relative;background:#f4fafb;box-shadow:0 0 0 13px #dcebf000,0 0 0 14px #c3dce4,0 0 0 27px #dcebf000,0 0 0 28px #d3e5eb}
html[data-design="blue"] .listening-frequency>span{font-size:25px;line-height:1.1;font-weight:500;letter-spacing:-.04em;color:var(--accent)}
html[data-design="blue"] .listening-frequency small{display:block;font-size:10px;letter-spacing:.13em;margin-top:4px}
html[data-design="blue"] .listening-kicker{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:13px}
html[data-design="blue"] .listening-intro h1{font-size:clamp(44px,5.8vw,76px);line-height:1.12;max-width:900px;margin:0 auto 22px;font-weight:400;letter-spacing:-.045em;text-wrap:balance}
html[data-design="blue"] .listening-description{max-width:615px;font-size:18px;line-height:1.8;margin:0 auto 28px;color:var(--muted)}
html[data-design="blue"] .listening-live{min-height:62px;min-width:205px;padding:17px 31px;border-radius:32px;font-size:17px;font-weight:600;box-shadow:0 8px 20px #35677916}
html[data-design="blue"] .listening-schedule-link{display:table;margin:20px auto 0;font-size:13px;color:var(--accent);text-underline-offset:5px}
html[data-design="blue"] .listening-recent{margin:29px 0 0;padding:29px 33px 31px;border:1px solid var(--line);background:#fff;border-radius:24px}
html[data-design="blue"] .listening-section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:25px}
html[data-design="blue"] .listening-section-heading h2{font-size:31px;font-weight:400;letter-spacing:-.03em}
html[data-design="blue"] .listening-section-heading>a{font-size:13px;color:var(--accent);text-underline-offset:5px;flex-shrink:0}
html[data-design="blue"] .listening-recording-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
html[data-design="blue"] .listening-recording{padding:4px 27px 0;border-right:1px solid var(--line);min-width:0;display:flex;flex-direction:column}
html[data-design="blue"] .listening-recording:first-child{padding-left:0}
html[data-design="blue"] .listening-recording:last-child{padding-right:0;border-right:0}
html[data-design="blue"] .listening-recording .listening-kicker{font-size:9px;margin-bottom:12px}
html[data-design="blue"] .listening-recording h3{font-size:23px;line-height:1.3;letter-spacing:-.025em;font-weight:500;margin-bottom:24px}
html[data-design="blue"] .listening-recording h3 a{color:var(--ink);text-decoration:none}
html[data-design="blue"] .listening-recording h3 a:hover{text-decoration:underline}
html[data-design="blue"] .listening-recording-actions{display:flex;align-items:center;flex-wrap:wrap;gap:17px;margin-top:auto}
html[data-design="blue"] .listening-recording-actions .button{border-radius:24px;min-height:44px;min-width:98px;font-size:12px;padding:11px 18px;gap:10px}
html[data-design="blue"] .listening-recording-actions>a{font-size:12px;color:var(--accent)}
html[data-design="blue"] .listening-empty{grid-column:1/-1;color:var(--muted);font-size:15px;margin:0}
html[data-design="blue"] .listening-programs{padding:58px 5px 0}
html[data-design="blue"] .listening-programs .listening-section-heading{margin-bottom:23px}
html[data-design="blue"] .listening-programs .listening-section-heading h2{font-size:38px}
html[data-design="blue"] .listening-program-list{border-top:1px solid var(--line)}
html[data-design="blue"] .listening-program-row{display:grid;grid-template-columns:135px minmax(0,1fr) minmax(170px,260px);align-items:center;gap:27px;min-height:120px;padding:25px 18px;border-bottom:1px solid var(--line)}
html[data-design="blue"] .listening-program-genre{color:var(--accent);font-size:12px;line-height:1.5;margin:0;border:1px solid #bbd1da;border-radius:24px;padding:10px 14px;text-align:center;justify-self:start}
html[data-design="blue"] .listening-program-title{min-width:0}
html[data-design="blue"] .listening-program-title h3{font-size:29px;font-weight:400;line-height:1.2;letter-spacing:-.025em;margin-bottom:6px}
html[data-design="blue"] .listening-program-title h3 a{color:var(--ink);text-decoration:none}
html[data-design="blue"] .listening-program-title h3 a:hover{text-decoration:underline}
html[data-design="blue"] .listening-program-title p{margin:0;font-size:13px;color:var(--muted)}
html[data-design="blue"] .listening-program-schedule{font-size:13px;line-height:1.7;text-align:right;color:var(--muted);margin:0}
html[data-design="blue"] .listening-station{margin-top:57px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:50px;padding:38px;background:var(--panel);border-radius:26px}
html[data-design="blue"] .listening-station h2{font-size:31px;font-weight:400;line-height:1.2;margin-bottom:20px}
html[data-design="blue"] .listening-about .prose{font-size:16px;line-height:1.8}
html[data-design="blue"] .listening-station-links{display:flex;flex-wrap:wrap;gap:14px 22px;margin-top:24px;font-size:13px;color:var(--accent)}
html[data-design="blue"] .listening-events .event-row{grid-template-columns:54px minmax(0,1fr);gap:20px;padding:19px 0;align-items:start}
html[data-design="blue"] .listening-events .event-date{min-height:73px;border-radius:13px;background:#f6fafb}
html[data-design="blue"] .listening-events .event-date span{font-size:9px}
html[data-design="blue"] .listening-events .event-date strong{font-size:30px}
html[data-design="blue"] .listening-events .event-row h3{font-size:23px;line-height:1.2;margin-bottom:8px}
html[data-design="blue"] .listening-events .event-row h3 a{color:var(--ink)}
html[data-design="blue"] .listening-events .event-row .eyebrow{display:none}
html[data-design="blue"] .listening-events .event-row .muted{font-size:12px;line-height:1.65}
html[data-design="blue"] .listening-events-link{font-size:13px;color:var(--accent);display:inline-block;margin-top:14px}
@media(max-width:900px){
    html[data-design="blue"] .listening-recording{padding-right:19px;padding-left:19px}
    html[data-design="blue"] .listening-recording h3{font-size:21px}
    html[data-design="blue"] .listening-program-row{grid-template-columns:110px minmax(0,1fr) minmax(130px,190px);gap:20px;padding:23px 4px}
    html[data-design="blue"] .listening-program-title h3{font-size:25px}
    html[data-design="blue"] .listening-program-genre{font-size:11px;padding:9px 12px}
    html[data-design="blue"] .listening-station{gap:28px;padding:30px}
    html[data-design="blue"] .listening-events .event-row{grid-template-columns:45px minmax(0,1fr);gap:13px}
    html[data-design="blue"] .listening-events .event-row h3{font-size:21px}
}
@media(max-width:600px){
    html[data-design="blue"] .listening-home{padding-top:25px;padding-bottom:42px}
    html[data-design="blue"] .listening-intro{padding:48px 22px 32px;border-radius:23px}
    html[data-design="blue"] .listening-frequency{width:66px;height:66px;margin-bottom:32px;box-shadow:0 0 0 12px #dcebf000,0 0 0 13px #c3dce4,0 0 0 24px #dcebf000,0 0 0 25px #d3e5eb}
    html[data-design="blue"] .listening-frequency>span{font-size:23px}
    html[data-design="blue"] .listening-intro>.listening-kicker{font-size:9px;letter-spacing:.09em}
    html[data-design="blue"] .listening-intro h1{font-size:clamp(36px,10.4vw,56px);line-height:1.13;margin-bottom:19px}
    html[data-design="blue"] .listening-description{font-size:15px;line-height:1.75;margin-bottom:23px}
    html[data-design="blue"] .listening-live{min-height:57px;min-width:185px;font-size:15px}
    html[data-design="blue"] .listening-schedule-link{font-size:12px;margin-top:18px}
    html[data-design="blue"] .listening-recent{margin-top:22px;padding:24px 23px 8px;border-radius:20px}
    html[data-design="blue"] .listening-section-heading{align-items:flex-start;flex-direction:column;gap:10px;margin-bottom:13px}
    html[data-design="blue"] .listening-section-heading h2{font-size:28px}
    html[data-design="blue"] .listening-section-heading>a{font-size:12px}
    html[data-design="blue"] .listening-recording-grid{grid-template-columns:1fr}
    html[data-design="blue"] .listening-recording,html[data-design="blue"] .listening-recording:first-child,html[data-design="blue"] .listening-recording:last-child{padding:23px 0;border-right:0;border-bottom:1px solid var(--line)}
    html[data-design="blue"] .listening-recording:last-child{border-bottom:0}
    html[data-design="blue"] .listening-recording h3{font-size:24px;line-height:1.3;margin-bottom:19px}
    html[data-design="blue"] .listening-programs{padding:39px 0 0}
    html[data-design="blue"] .listening-programs .listening-section-heading h2{font-size:34px}
    html[data-design="blue"] .listening-program-row{grid-template-columns:minmax(0,1fr);gap:10px;padding:24px 2px;min-height:0}
    html[data-design="blue"] .listening-program-genre{font-size:10px;border:0;padding:0;text-align:left;border-radius:0;text-transform:uppercase;letter-spacing:.07em}
    html[data-design="blue"] .listening-program-title h3{font-size:28px;margin-bottom:6px}
    html[data-design="blue"] .listening-program-title p{font-size:12px}
    html[data-design="blue"] .listening-program-schedule{text-align:left;font-size:12px}
    html[data-design="blue"] .listening-station{grid-template-columns:1fr;gap:30px;margin-top:35px;padding:27px 24px;border-radius:22px}
    html[data-design="blue"] .listening-station h2{font-size:29px}
    html[data-design="blue"] .listening-about .prose{font-size:15px}
    html[data-design="blue"] .listening-events{border-top:1px solid #bfcfd5;padding-top:27px}
    html[data-design="blue"] .listening-events .event-row{grid-template-columns:46px minmax(0,1fr);gap:15px}
    html[data-design="blue"] .listening-events .event-row h3{font-size:23px}
}