/* Pages légales : lecture confortable, sans modifier les styles globaux. */

.legal-page .legal-hero {
    padding-block: clamp(72px, 9vw, 120px);
}

.legal-page .legal-content {
    padding-block: clamp(64px, 8vw, 104px);
}

.legal-page .legal-content .prose {
    max-width: 780px;
}

.legal-page .legal-content h2 {
    margin-top: 48px;
    margin-bottom: 16px;
    font-size: clamp(1.35rem, 2vw, 1.8rem);
}

.legal-page .legal-content h2:first-child {
    margin-top: 0;
}

.legal-page .legal-content p {
    max-width: 720px;
}

.legal-page .legal-content a {
    overflow-wrap: anywhere;
}

.legal-page .legal-crosslink {
    margin-top: 56px;
    font-weight: 700;
}

@media (max-width: 720px) {
    .legal-page .legal-hero {
        padding-block: 64px 72px;
    }

    .legal-page .legal-content {
        padding-block: 56px 72px;
    }

    .legal-page .legal-content h2 {
        margin-top: 40px;
    }
}