/* =============================================================================
   Piscinity - Pages legales (Mentions legales, Politique de confidentialite).
   Mise en page "prose" sobre et lisible, alignee au design system.
   ============================================================================= */

.piscinity-legal-hero {
    padding: clamp(120px, 16vh, 190px) 0 clamp(28px, 5vw, 48px);
    background: var(--color-bg-section);
    text-align: center;
}
.piscinity-legal-hero__inner {
    max-width: var(--container-narrow);
    margin: 0 auto;
    padding: 0 var(--container-pad);
}
.piscinity-legal-hero__title {
    font-family: var(--font-display);
    font-size: var(--fs-h1);
    line-height: var(--lh-snug);
    color: var(--color-ink);
    margin: var(--space-3) 0 0;
}

.piscinity-legal__body {
    max-width: var(--container-narrow);
    margin: 0 auto;
    padding: clamp(40px, 7vw, 72px) var(--container-pad) clamp(64px, 10vw, 110px);
}
.piscinity-legal__body h2 {
    font-family: var(--font-display);
    font-size: var(--fs-h3);
    line-height: var(--lh-snug);
    color: var(--color-primary);
    margin: clamp(28px, 4vw, 44px) 0 var(--space-3);
}
.piscinity-legal__body h2:first-child {
    margin-top: 0;
}
.piscinity-legal__body p {
    color: var(--color-text);
    font-size: var(--fs-body);
    line-height: var(--lh-relaxed);
    margin: 0 0 var(--space-4);
}
.piscinity-legal__body a {
    color: var(--color-primary);
    text-decoration: underline;
    text-underline-offset: 2px;
}
.piscinity-legal__body a:hover {
    color: var(--color-cta-hover);
}
.piscinity-legal__updated {
    margin-top: clamp(32px, 5vw, 56px);
    padding-top: var(--space-4);
    border-top: 1px solid var(--color-border);
    font-size: var(--fs-body-small);
    color: var(--color-text-muted);
}