.audio-summary {
    display: grid;
    grid-template-columns: 84px minmax(0, 1fr);
    grid-template-areas: "portrait intro" "portrait player";
    gap: 1rem 1.5rem;
    margin: 2rem 0;
    padding: 1.5rem;
    border: 1px solid #e2e8f0;
    border-left: 3px solid #0d9488;
    background: #f8fafc;
    color: #1e293b;
}
.audio-summary__portrait-link { grid-area: portrait; align-self: start; }
.audio-summary__portrait { width: 84px; height: 84px; object-fit: cover; }
.audio-summary__intro { grid-area: intro; min-width: 0; }
.audio-summary__eyebrow { font-size: .75rem; text-transform: uppercase; letter-spacing: .08em; color: #475569; margin: 0 0 .5rem; }
.audio-summary__title { font-size: 1.5rem; margin: 0 0 .65rem; }
.audio-summary__description { font-size: .95rem; line-height: 1.65; margin: 0; }
.audio-summary__player { grid-area: player; min-width: 0; }
.audio-summary__player audio { display: block; width: 100%; max-width: 100%; }
.audio-summary__credit { font-size: .875rem; margin: .75rem 0; }
.audio-summary a, .audio-transcript summary { text-decoration: underline; text-underline-offset: .2em; }
.audio-transcript { margin-top: 1rem; }
.audio-transcript summary { cursor: pointer; font-weight: 500; }
.audio-transcript__body { margin-top: 1rem; font-size: .95rem; overflow-wrap: anywhere; }
.audio-transcript__body p { margin-bottom: 1rem; }
.audio-summary a:focus-visible, .audio-transcript summary:focus-visible { outline: 2px solid #0d9488; outline-offset: 4px; }
@media (max-width: 560px) {
    .audio-summary { grid-template-columns: 64px minmax(0, 1fr); grid-template-areas: "portrait intro" "player player"; padding: 1rem; gap: 1rem; }
    .audio-summary__portrait { width: 64px; height: 64px; }
    .audio-summary__title { font-size: 1.3rem; }
}