/* ==================================================
   BLOC — TEXTE RICHE
   Les styles de la charte s'appliquent d'office au contenu
   saisi dans l'éditeur, sans que l'équipe ait à s'en occuper.
================================================== */

/* Figma cale le corps des pages longues sur Corps/Base, 14 px,
   avec 28 px entre deux sections et 10 px sous chaque titre. */
.texte_riche__contenu {
    font-family: var(--v-font-corps);
    font-size: 0.875rem;
    line-height: var(--v-lh-corps);
    color: var(--v-texte-corps);
}

.texte_riche__contenu > *:first-child { margin-top: 0; }
.texte_riche__contenu > *:last-child  { margin-bottom: 0; }

.texte_riche__contenu h2,
.texte_riche__contenu h3,
.texte_riche__contenu h4 {
    font-family: var(--v-font-titre);
    font-weight: 600;
    line-height: var(--v-lh-titre);
    color: var(--v-texte-titre);
    margin-top: 28px;
    margin-bottom: 10px;
}

.texte_riche__contenu h2 { font-size: 1.75rem; }
.texte_riche__contenu h3 { font-size: 1.375rem; }
.texte_riche__contenu h4 { font-size: 1.125rem; }

.texte_riche__contenu p { margin-bottom: 1.1rem; }

.texte_riche__contenu ul,
.texte_riche__contenu ol {
    margin: 0 0 1.1rem;
    padding-left: 1.25rem;
}

.texte_riche__contenu li { margin-bottom: 0.4rem; }

.texte_riche__contenu a {
    color: var(--v-action);
    text-decoration: underline;
    text-underline-offset: 2px;
}

.texte_riche__contenu a:hover { opacity: 0.8; }

.texte_riche__contenu strong { font-weight: 600; }

.texte_riche__contenu blockquote {
    margin: 1.5rem 0;
    padding: 0.25rem 0 0.25rem 1.25rem;
    border-left: 3px solid var(--v-turquoise-400);
    color: var(--v-texte-corps);
}

.texte_riche__contenu img {
    max-width: 100%;
    height: auto;
    border-radius: var(--v-radius-md);
}

.texte_riche__contenu table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 1.1rem;
}

.texte_riche__contenu th,
.texte_riche__contenu td {
    padding: 0.6rem 0.75rem;
    border-bottom: 1px solid var(--v-bordure);
    text-align: left;
}

@media (max-width: 767px) {
    .texte_riche__contenu h2 { font-size: 1.5rem; }
    .texte_riche__contenu h3 { font-size: 1.25rem; }
}