/* Page « Mentions légales et confidentialité » : une colonne de lecture, sans photo. */
.legal { padding-top: 4vh; padding-bottom: 2vh; }
.legal + .legal { padding-top: 6vh; }
.legal h2 { max-width: 26ch; }
.legal h3 { margin-top: 28px; font-size: 22px; }
.legal p { max-width: 66ch; margin-top: 14px; }
.legal .liste-filets { max-width: 78ch; margin-top: 20px; }
.legal .liste-filets li { grid-template-columns: 22ch minmax(0, 1fr); }
.legal .liste-filets li strong { font-weight: 450; font-style: italic; color: var(--gris-olivier); }
.legal code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.9em; }
.legal .discret { font-size: 17px; font-style: italic; color: var(--gris-olivier); }
/* Formulaire de refus de Matomo */
.legal #matomo-opt-out, .legal .matomo-opt-out { max-width: 66ch; margin-top: 16px; padding: 16px; background: var(--pierre); }
.legal #matomo-opt-out p { margin-top: 0; }

@media (max-width: 800px) {
	.legal .liste-filets li { grid-template-columns: 1fr; }
	.legal h2 { max-width: none; }
}