/* Contenu rédigé : article de blog, pages légales. Lit les rôles : posé sur crème le plus souvent. */
.prose {
    max-width: var(--measure);
}

.prose > * + * {
    margin-top: var(--space-4);
}

.prose h2 {
    margin-top: var(--space-7);
    font-size: var(--text-xl);
}

.prose h3 {
    margin-top: var(--space-5);
    font-size: var(--text-lg);
}

.prose ul,
.prose ol {
    padding-left: var(--space-5);
}

.prose ul {
    list-style: disc;
}

.prose ol {
    list-style: decimal;
}

/* Lien dans le texte : couleur du texte, soulignement bronze. Le bronze seul sur crème (3,6:1) reste
   sous le contraste AA d'un texte courant. */
.prose a {
    color: var(--text-primary);
    text-decoration-color: var(--text-link);
}

.prose a:hover {
    color: var(--text-link);
}

.prose li::marker {
    color: var(--text-link);
}

.prose li + li {
    margin-top: var(--space-2);
}

.prose hr {
    margin-block: var(--space-7);
    border: 0;
    border-top: 1px solid var(--rule);
}

.prose blockquote {
    padding-left: var(--space-5);
    border-left: 1px solid var(--rule);
    color: var(--text-secondary);
    font-size: var(--text-md);
}

.prose img {
    border-radius: var(--radius-md);
}

.prose table {
    font-size: var(--text-sm);
}

.prose th,
.prose td {
    padding: var(--space-2);
    border-bottom: 1px solid var(--rule);
    text-align: left;
}