/* --------------------------------------------------------------------------
   Carte verticale — mobile et tablette
   -------------------------------------------------------------------------- */
.is-post-type-rosee_ressource .accessible-card__image {
    background-color: rgba(0, 0, 0, .07);
    box-sizing: border-box;
    aspect-ratio: 16 / 9;
    max-height: 280px;
}

.is-post-type-rosee_ressource .accessible-card__image img {
    width: 100%;
    height: 100%;
    aspect-ratio: auto;
    object-fit: contain;
}

/* --------------------------------------------------------------------------
   Carte en ligne — à partir de 768 px
   -------------------------------------------------------------------------- */
@media (min-width: 768px) {

    .is-post-type-rosee_ressource .accessible-card {
        flex-direction: row;
    }

    .is-post-type-rosee_ressource .accessible-card__image {
        flex: none;
        width: clamp(110px, 22%, 200px);
        aspect-ratio: 4 / 3;
        max-height: none;
        padding: var(--wp--preset--spacing--x-small, 0.75rem);
    }
}