/* Keep artwork and controls in normal document flow at every screen width. */
.morning-show-feature { background: #151515; color: #fff; padding: clamp(24px, 4vw, 56px) 20px; }
.morning-show-feature-inner { width: 100%; max-width: 1100px; margin: 0 auto; display: flex; flex-direction: column; gap: 24px; }
.morning-show-art { display: block; width: 100%; height: auto; max-width: 100%; border-radius: 8px; }
.morning-show-details { display: flex; flex-direction: column; align-items: center; gap: 16px; text-align: center; min-width: 0; }
#main .morning-show-details h2 { color: #fff; font: 700 clamp(24px, 4vw, 34px)/1.25 Poppins, Arial, sans-serif; margin: 0; overflow-wrap: anywhere; }
.morning-show-details p { color: #fff; font: 400 18px/1.5 OpenSans, Arial, sans-serif; margin: 0; }
.morning-show-listen { display: inline-flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; box-sizing: border-box; max-width: 100%; min-height: 52px; padding: 14px 24px; border-radius: 6px; background: #f4d24b; color: #151515 !important; text-decoration: none; font: 700 18px/1.4 OpenSans, Arial, sans-serif; overflow-wrap: anywhere; }
.morning-show-listen:hover { background: #ffe579; text-decoration: underline; }
.morning-show-listen:focus-visible { outline: 3px solid #fff; outline-offset: 5px; }
.morning-show-link-note { font-size: 14px; font-weight: 400; }
@media (max-width: 480px) { .morning-show-listen { width: 100%; padding-inline: 16px; } }