.mafate-podcast {
    margin: 0;
    padding: 0;
    list-style: none;
}


.mafate-podcast .mafate-episode {
    margin-bottom: 2em;
    list-style: none;
}

@media (min-width: 600px) {
    .mafate-podcast .mafate-episode {
        display: flex;
        align-items: flex-start;
    }
    .mafate-podcast .mafate-episode-thumbnail {
        flex: 0 0 200px;
        margin-right: 1em;
    }
}

.mafate-podcast .mafate-episode-thumbnail {
    margin-bottom: 0.75em;
}

.mafate-podcast .mafate-episode-thumbnail img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    border-radius: 4px;
}

.mafate-podcast .mafate-episode-content {
    flex: 1;
}

.mafate-podcast .mafate-episode-content h4 {
    margin: 0;
    padding: 0;
}

.mafate-podcast .mafate-episode-content p {
    font-size: 0.8em !important;
}

.mafate-podcast .mafate-episode-content audio {
    width: 100%;
    margin: 0.5em 0;
}

.mafate-podcast .mafate-episode-thumbnail figcaption {
    font-size: 0.6em;
    margin-top: 0.25em;
    font-style: italic;
    color: #666;
}