.podcasts-header {
    padding-bottom: 48px;
}
.podcasts-header .podcast-buttons {
    justify-content: flex-start;
}
.podcasts-header h2 {
    padding-bottom: 24px;
}
.podcasts-header p {
    max-width: 420px;
}

.podcast-episodes {
    display: grid;
    grid-gap: 48px;
}
@media (min-width: 768px) {
    .podcast-episodes {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-gap: 80px min(10vw, 60px);
    }
}
@media (max-width: 1023px) {
    .podcast-episodes.--short .podcast-episode:nth-child(n+5) {
        display: none;
    }
}
@media (min-width: 1024px) {
    .podcast-episodes {
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 80px min(10vw, 60px);
    }
}
@media (min-width: 1024px) and (max-width: 1339px) {
    .podcast-episodes.--short .podcast-episode:nth-child(n+7) {
        display: none;
    }
}
@media (min-width: 1340px) {
    .podcast-episodes {
        grid-template-columns: repeat(4, 1fr);
    }
    .podcast-episodes.--short .podcast-episode:nth-child(n+9) {
        display: none;
    }
}
@media (max-width: 479px) {
    .podcast-episode .headline {
        hyphens: auto;
        word-break: break-word;
    }
}


.podcast-episode {
    color: #666;
}
.podcast-episode a {
    display: grid;
    grid-template-columns: 80px 1fr;
    grid-column-gap: 20px;
    align-items: center;
}
.podcast-episode .headline {
    color: rgb(var(--color-blue));
    padding-bottom: 12px;
}
.podcast-episode__meta {
    padding-top: 12px;
    font-size: 16px;
    letter-spacing: 0.04em;
}
.podcast-episode__cover {
    align-self: start;
}
@media (max-width: 767px) {
    .podcast-episode {
        font-size: 16px;
    }
    .podcast-episode .headline.--small {
        font-size: 1.125em;
    }
    .podcast-episode__meta {
        font-size: 0.875em;
    }
}
@media (min-width: 768px) {
    .podcast-episode a {
        grid-template-columns: 1fr;
    }
    .podcast-episode__cover {
        position: relative;
    }
    .podcast-episode__content {
        padding-top: 12px;
    }
    .podcast-episode__content .headline {
        position: relative;
        padding-bottom: 24px;
    }
    .podcast-episode__content .headline::after {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        bottom: 12px;
        width: 100px;
        height: 2px;
        border-radius: 3px;
        background: #000;
        opacity: 0.7;
    }
}



.podcast-episode-section {
    padding-top: 160px;
}
.podcast-episode-section .content-wrapper {
    max-width: 940px;
}
.podcast-title {
    display: flex;
    flex-flow: column;
    padding-bottom: 48px;
}
.podcast-title h1 {
    order: 1;
}
.podcast-episode-section p {
    margin-bottom: 1em;
}
.podcast-episode-section a {
    color: rgb(var(--color-blue));
}


.podcast-buttons {
    display: flex;
    justify-content: center;
    gap: 20px;
    padding: 24px 0;
}
.podcast-button {
    background: #000;
    padding: 0 20px;
    display: flex;
    flex-flow: column;
    justify-content: center;
    width: 180px;
    height: 54px;
}
.podcast-button:hover {
    background: #262626;
}
.podlove-subscribe-button-iframe {
    display: block !important;
    width: 180px;
    height: 54px;
}
@media (max-width: 767px) {
    .podcast-buttons {
        flex-flow: row wrap;
        margin: 0 auto;
        justify-content: center;
    }
    .podcast-button {
        max-width: calc(50vw - 30px);
    }
}
@media (max-width: 619px) {
    .podcasts-header {
        text-align: center;
    }
    .podcasts-header p {
        margin: 0 auto;
    }
    .podcast-buttons {
        max-width: 380px;
    }
    .podlove-subscribe-wrapper {
        margin: 0 auto;
    }
}
@media (min-width: 620px) {
    .podcasts-header h2.--line-below::after {
        left: 0;
        transform: translate(0);
    }
}