/*
 * Section Texte — même colonne et même rythme que le corps d'un article
 * (template-parts/content/post/single/style.css, Figma 2644:70982). Recopié et non partagé :
 * un composant = un dossier, et l'article ne doit pas charger les règles d'une section.
 *
 * Les règles portent sur les BALISES : le texte est saisi librement dans l'éditeur.
 */

.section-rich-text {
    width: min(888px, 100% - 2 * var(--container-gutter));
    margin-inline: auto;
    padding-block: var(--section-space);
}

.section-rich-text__title {
    margin-block-end: var(--space-xl);
    font-family: var(--font-family-heading);
    font-size: var(--font-size-h2);
    font-weight: 700;
    line-height: 1.245;
    color: var(--color-primary);
}

.section-rich-text__content {
    font-size: var(--font-size-p);
    line-height: var(--line-height-body);
    color: var(--color-neutral-900);
}

.section-rich-text__content > :first-child {
    margin-block-start: 0;
}

.section-rich-text__content > :last-child {
    margin-block-end: 0;
}

.section-rich-text__content p {
    margin-block: 0 var(--space-m);
}

.section-rich-text__content h2 {
    margin-block: var(--space-xl) var(--space-m);
    font-family: var(--font-family-heading);
    font-size: var(--font-size-h6);
    font-weight: 700;
    line-height: 1.3;
    color: var(--color-primary);
}

.section-rich-text__content h3 {
    margin-block: var(--space-bloc) var(--space-compact);
    font-family: var(--font-family-body);
    font-size: var(--font-size-p);
    font-weight: 700;
    line-height: var(--line-height-body);
    color: var(--color-primary);
}

.section-rich-text__content ul,
.section-rich-text__content ol {
    margin-block: 0 var(--space-m);
    padding-inline-start: var(--space-list);
}

.section-rich-text__content li + li {
    margin-block-start: var(--space-micro);
}

.section-rich-text__content a {
    color: var(--color-primary-600);
    text-decoration: underline;
    text-underline-offset: 2px;
}

.section-rich-text__content a:hover,
.section-rich-text__content a:focus-visible {
    text-decoration-thickness: 2px;
}

/* Liste « intitulé : valeur » des mentions légales. */
.section-rich-text__content dl {
    display: grid;
    grid-template-columns: minmax(10rem, max-content) 1fr;
    gap: var(--space-compact) var(--space-list);
    margin-block: 0 var(--space-m);
}

.section-rich-text__content dt {
    font-weight: 700;
    color: var(--color-primary);
}

.section-rich-text__content dd {
    margin: 0;
}

@media (max-width: 768px) {
    .section-rich-text__content dl {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .section-rich-text__content dd + dt {
        margin-block-start: var(--space-compact);
    }
}