/* ==========================
   recit.css : photos et vidéo des récits d'expérience (ressources/recit-*.php)
   ========================== */

.recit-photo { margin: 1.5rem 0; }
.recit-photo img,
.recit-photo video {
    display: block;
    width: 100%;
    border-radius: 10px;
}
.recit-photo video { background: #0b2239; }
.recit-photo figcaption {
    margin-top: 8px;
    font-size: 0.82rem;
    color: #6c757d;
}

.recit-photos-duo {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin: 1.5rem 0;
}
.recit-photos-duo .recit-photo { margin: 0; }
.recit-photos-duo img {
    aspect-ratio: 4 / 3;
    object-fit: cover;
}
@media (max-width: 575px) {
    .recit-photos-duo { grid-template-columns: 1fr; }
}

/* Date, auteur et lieu : bien lisibles sur la photo du bandeau */
.fiche-header .article-meta { color: #fff; }