/* Ice Blue: a quiet video destination within the radio's existing light home. */
.youtube-section{--yt-ink:#102d50;--yt-muted:#61748c;--yt-border:#dce7f3;--yt-surface:#fff;padding:28px;border:1px solid #dce8f5;border-radius:22px;background:linear-gradient(135deg,#e9f2fb 0%,#f4f8fd 65%,#edf4fc 100%);box-shadow:inset 0 1px 0 #fff,0 12px 32px #173c6806}
.youtube-section .section-heading{gap:20px;margin-bottom:24px}
.youtube-section .section-title{gap:12px}
.youtube-section .section-title h2{color:var(--yt-ink)}
.youtube-section .section-title p{color:var(--yt-muted);font-size:12px;line-height:1.5;margin-top:5px}
.youtube-section-icon{display:block;width:36px;height:36px;flex-shrink:0}
.youtube-section .section-more{min-height:42px;padding:10px 14px;gap:8px;border:1px solid #d5e1ee;border-radius:9px;background:#ffffffb8;color:var(--yt-ink);transition:border-color .18s,background .18s}
.youtube-section .section-more:hover{background:#fff;border-color:#9ab4d0}
.youtube-showcase{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:22px;align-items:stretch}
.youtube-card{min-width:0;border:1px solid var(--yt-border);border-radius:16px;background:var(--yt-surface);box-shadow:0 5px 12px #173c6805,0 12px 26px #173c6809;overflow:hidden;transition:box-shadow .2s,border-color .2s}
.youtube-card>a{display:flex;height:100%;text-decoration:none;color:var(--yt-ink)}
.youtube-card:hover{border-color:#b9cee5;box-shadow:0 8px 18px #173c6808,0 16px 32px #173c6812}
.youtube-card:focus-within{outline:3px solid #287ac5;outline-offset:4px}
.youtube-cover{display:block;position:relative;overflow:hidden;background:#183b61;isolation:isolate}
.youtube-cover img{width:100%;height:100%;object-fit:cover;transition:transform .25s ease}
.youtube-card a:hover img{transform:scale(1.025)}
.youtube-lead>a{flex-direction:column;padding:12px}
.youtube-lead .youtube-cover{aspect-ratio:16/9;flex-shrink:0;border-radius:10px}
.youtube-play{position:absolute;inset:0;margin:auto;width:62px;height:62px;border-radius:50%;display:grid;place-items:center;color:#fff;background:#e52222;border:1px solid #ffffff73;box-shadow:0 4px 20px #0003;transition:background .2s,transform .2s}
.youtube-play svg{width:29px;height:29px;margin-left:3px}
.youtube-card a:hover .youtube-play{background:#c91620;transform:scale(1.06)}
.youtube-duration,.youtube-live{position:absolute;z-index:1;padding:5px 7px;border-radius:5px;color:#fff;font:700 11px/1.2 Arial,sans-serif;background:#0a172be8}
.youtube-duration{right:10px;bottom:10px}
.youtube-live{top:12px;left:12px;background:#d91d28;text-transform:uppercase;letter-spacing:.06em}
.youtube-copy{display:flex;min-width:0;flex-direction:column;justify-content:center;gap:9px}
.youtube-copy h3{margin:0;font-size:16px;line-height:1.45;font-weight:700;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.youtube-copy time{font-size:12px;line-height:1.4;color:var(--yt-muted)}
.youtube-kicker{color:var(--yt-muted);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;overflow-wrap:anywhere}
.youtube-lead .youtube-copy{padding:20px 12px 12px;flex:1;justify-content:flex-start}
.youtube-lead h3{font-size:22px;line-height:1.35;-webkit-line-clamp:2;letter-spacing:-.35px}
.youtube-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:auto;padding-top:7px}
.youtube-watch{display:inline-flex;align-items:center;gap:6px;color:#b81d28;font-size:11px;font-weight:700}
.youtube-watch .ri{width:14px;height:14px}
.youtube-side{display:grid;grid-auto-rows:1fr;gap:14px;min-width:0}
.youtube-compact>a{align-items:center;padding:12px;gap:16px}
.youtube-compact .youtube-cover{width:42%;aspect-ratio:16/9;flex-shrink:0;border-radius:9px}
.youtube-compact .youtube-copy{padding:4px 2px 4px 0;gap:9px}
.youtube-compact h3{font-size:14px;line-height:1.45}
.youtube-showcase-solo{grid-template-columns:minmax(0,1fr)}
.youtube-showcase-solo .youtube-lead>a{flex-direction:row;align-items:center;gap:12px}
.youtube-showcase-solo .youtube-cover{width:60%}
.youtube-showcase-solo .youtube-copy{padding:16px}
/* Respect a radio whose owner has chosen dark mode. */
html[data-color-mode=dark] .youtube-section{--yt-ink:#edf4ff;--yt-muted:#b0c2d9;--yt-border:#2c4564;--yt-surface:#142b45;border-color:#294460;background:linear-gradient(135deg,#112c49,#102139);box-shadow:inset 0 1px 0 #ffffff08}
html[data-color-mode=dark] .youtube-section .section-more{background:#ffffff08;border-color:#39516e}
html[data-color-mode=dark] .youtube-section .section-more:hover{background:#ffffff12;border-color:#6b8bad}
html[data-color-mode=dark] .youtube-watch{color:#ff8b93}
@media(max-width:1100px){.youtube-section{padding:24px}.youtube-showcase{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:16px}.youtube-lead h3{font-size:20px}.youtube-compact>a{gap:12px;padding:10px}.youtube-compact .youtube-cover{width:40%}.youtube-compact h3{font-size:13px}}
@media(max-width:900px) and (min-width:761px){.youtube-showcase{grid-template-columns:minmax(0,1fr)}.youtube-side{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.youtube-compact>a{flex-direction:column;align-items:stretch}.youtube-compact .youtube-cover{width:100%}.youtube-compact .youtube-copy{padding:3px 2px 6px}.youtube-showcase-solo .youtube-lead>a{flex-direction:row}}
@media(max-width:760px){.youtube-section{padding:18px 14px;border-radius:18px}.youtube-section .section-heading{align-items:flex-start;gap:12px;margin-bottom:18px}.youtube-section .section-title{gap:9px}.youtube-section-icon{width:29px;height:29px}.youtube-section .section-title p{font-size:11px;max-width:180px}.youtube-section .section-more{font-size:10px;padding:8px 10px;min-height:38px;gap:4px}.youtube-showcase{grid-template-columns:minmax(0,1fr);gap:14px}.youtube-side{gap:12px}.youtube-lead>a{padding:8px}.youtube-lead .youtube-cover{border-radius:9px}.youtube-lead .youtube-copy{padding:16px 8px 10px}.youtube-lead h3{font-size:19px}.youtube-play{width:52px;height:52px}.youtube-play svg{width:26px;height:26px}.youtube-compact>a{padding:10px;gap:12px}.youtube-compact .youtube-cover{width:38%}.youtube-compact h3{font-size:13px}.youtube-compact .youtube-copy{padding:2px 0;gap:6px}.youtube-copy time{font-size:11px}.youtube-showcase-solo .youtube-lead>a{flex-direction:column;align-items:stretch;gap:0}.youtube-showcase-solo .youtube-cover{width:100%}.youtube-meta{gap:8px}}
@media(prefers-reduced-motion:reduce){.youtube-card,.youtube-cover img,.youtube-play,.youtube-section .section-more{transition:none}}
@media(max-width:400px){.youtube-section .section-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start}.youtube-section .section-title{align-items:flex-start}.youtube-section-icon{margin-top:2px}.youtube-section .section-title p{max-width:none}.youtube-section .section-more{margin:0}}