/* ==========================================================================
   Gabarit page.php pour les pages légales (Mentions légales, CGU,
   Politique de confidentialité, Politique cookies) : contenu long,
   structuré en sections numérotées et listes.
   ========================================================================== */

.page-content {
	max-width: 760px;
	padding-block: var(--space-3xl);
}

.page-content > h1 {
	color: var(--color-text);
	margin-bottom: var(--space-2xl);
	overflow-wrap: break-word;
	hyphens: auto;
}

.page-content h2 {
	color: var(--color-text);
	margin-top: var(--space-2xl);
	margin-bottom: var(--space-md);
}

.page-content h2:first-of-type {
	margin-top: 0;
}

.page-content h3 {
	color: var(--color-text);
	font-size: var(--text-h5);
	margin-top: var(--space-xl);
	margin-bottom: var(--space-sm);
}

.page-content p {
	color: var(--color-text);
	line-height: var(--leading-relaxed);
	margin-bottom: var(--space-md);
}

.page-content ul {
	list-style: disc;
	padding-left: var(--space-lg);
	margin-bottom: var(--space-md);
}

.page-content li {
	color: var(--color-text);
	line-height: var(--leading-relaxed);
	margin-bottom: var(--space-xs);
}

.page-content strong {
	color: var(--color-text);
	font-weight: var(--font-weight-semibold);
}

.page-content a {
	color: var(--color-teal);
	text-decoration: underline;
}

.page-content a:hover,
.page-content a:focus-visible {
	color: var(--color-teal-dark);
}