/*
 * @author: Mathieu MARI <contact@mathieumari.com>
 * @date:   2026-09-05
 * @lastModifiedBy: Cursor <cursor@mathieumari.com>
 * @lastModifiedTime: 2026-09-05
 *
 * Pages mentions légales et politique de confidentialité.
 */

.page-legal main {
	padding-top: calc(var(--header-h) + 1.5rem);
}

.legal-intro {
	padding-block: clamp(1.5rem, 4vw, 3rem) clamp(1.5rem, 4vw, 2.5rem);
	text-align: center;
}

.legal-intro__inner {
	max-width: 48rem;
	margin-inline: auto;
}

.legal-breadcrumb {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: .45rem;
	margin: 0 0 1.25rem;
	font-size: .8125rem;
	color: var(--c-faint);
}

.legal-breadcrumb a {
	color: var(--c-muted);
	transition: color .2s var(--ease);
}

.legal-breadcrumb a:hover { color: var(--c-text); }

.legal-breadcrumb__sep { opacity: .55; }

.legal-intro__eyebrow {
	margin: 0 0 .65rem;
	font-size: .75rem;
	font-weight: 600;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: var(--c-brand);
}

.legal-intro__title {
	margin: 0 0 .85rem;
	font-family: var(--font-display);
	font-size: clamp(2.25rem, 5vw, 3.4rem);
	font-weight: 700;
	letter-spacing: -.02em;
	line-height: 1.1;
	color: var(--c-text);
}

.legal-intro__lead {
	margin: 0;
	font-size: 1.05rem;
	line-height: 1.65;
	color: var(--c-muted);
}

.legal-doc {
	padding-bottom: clamp(3rem, 8vw, 6rem);
}

.legal-doc__inner {
	max-width: 48rem;
}

.legal-prose {
	color: var(--c-muted);
	font-size: 1.05rem;
	line-height: 1.75;
}

.legal-prose__updated {
	margin: 0 0 1.5rem;
	font-size: .9rem;
	color: var(--c-faint);
}

.legal-prose h2 {
	margin: 1.85rem 0 .75rem;
	color: var(--c-text);
	font-family: var(--font-display);
	font-size: clamp(1.25rem, 2.4vw, 1.55rem);
	font-weight: 700;
	letter-spacing: -.015em;
	line-height: 1.25;
}

.legal-prose h2:first-of-type { margin-top: 0; }

.legal-prose p { margin: 0 0 1.1rem; }

.legal-prose a {
	color: var(--c-brand);
	text-decoration: underline;
	text-underline-offset: .15em;
}

.legal-prose ul {
	margin: 0 0 1.1rem;
	padding-left: 1.25rem;
}

.legal-prose li + li { margin-top: .35rem; }

.legal-prose strong { color: var(--c-text); font-weight: 700; }