blockquote {
    margin: 1.5em 0;
    padding: 0.5em 1em;
    border-left: 4px solid #ccc;
    background-color: #f9f9f9;
    color: #555;
    font-style: italic;
}
.article-site{
    margin-left: 10%;
    margin-right: 10%;
    color: var(--green-deep);
    text-align: justify;
}
/* per il mobile portiamo la % a 2% */
@media (max-width: 768px) {
    .article-site {
        margin-left: .5%;
        margin-right: .5%;
    }
}

/* Video/embed responsivi (YouTube, Spotify, ecc.): gli iframe vengono salvati
   con width/height fissi (560x315, 624x351) e debordano su mobile.
   Forziamo larghezza fluida mantenendo l'aspect-ratio 16:9. */
.article-player iframe,
.episodio-description iframe,
.article-site iframe,
.article-player video,
.episodio-description video,
.article-site video {
    display: block;
    max-width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    border: 0;
}

.article-header{
    color: var(--green-deep);
}
/* tocco corallo sotto i titoli degli articoli */
.episodio-title,
.episodio-item.article-site h3{
    color: var(--green-deep);
}

.link-spotify-text{
    color: var(--green-deep);
    font-size: 1.4em;

    font-weight: bold;
    text-decoration: none;
}
.link-ext-platform{
    text-decoration: none;
    border: solid 1px var(--sage);
    border-radius: 5px;
    padding: 6px;
    margin-left: 10px;
}
.link-ext-platform:hover{
    background-color: var(--sage-light);

}