/* ==================================================
   BLOC — ENCADRÉ « À RETENIR »
================================================== */

/* Figma : 28 px en haut et en bas, 32 px sur les côtés, 10 px
   entre le titre et le corps, angles à 16 px. */
.a_retenir__bloc {
    padding: 28px 32px;
    background: var(--v-jaune);
    border-radius: var(--v-radius-lg);
}

.a_retenir__titre {
    font-family: var(--v-font-titre);
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--v-texte-titre);
    margin: 0 0 10px;
}

.a_retenir__texte {
    font-family: var(--v-font-corps);
    font-size: 0.875rem;
    line-height: var(--v-lh-corps);
    color: var(--v-texte-corps);
}

.a_retenir__texte > *:first-child { margin-top: 0; }
.a_retenir__texte > *:last-child  { margin-bottom: 0; }
.a_retenir__texte p { margin-bottom: 0.75rem; }

@media (max-width: 767px) {
    .a_retenir__bloc { padding: 1.25rem; }
}