/* Pages légales du site marketing (CGU, CGV, Confidentialité, DPA,
   Sous-traitants, Sécurité, AIPD, Mentions légales). Extrait du
   bloc <style> inline de _legal_base.html (CSP S-25) — lecture
   longue, typographie généreuse, hiérarchie claire, cohérent avec
   le reste du site (police, couleurs, container). */

.legal {
    max-width: 820px;
    margin: 0 auto;
    padding: 64px 24px 96px;
    color: var(--ink, #0d1b2a);
    line-height: 1.7;
    font-size: 15px;
}
.legal__eyebrow {
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--accent, #17b39a);
    padding: 4px 10px;
    border-radius: 999px;
    background: rgba(23, 179, 154, 0.08);
    margin-bottom: 16px;
}
.legal h1 {
    font-size: 36px;
    line-height: 1.2;
    margin: 0 0 12px;
    color: var(--ink, #0d1b2a);
    letter-spacing: -0.01em;
}
.legal__intro {
    font-size: 16px;
    color: var(--ink-secondary, #41506a);
    margin: 0 0 8px;
}
.legal__updated {
    font-size: 13px;
    color: var(--ink-tertiary, #6b7280);
    margin: 0 0 40px;
}
.legal h2 {
    font-size: 20px;
    line-height: 1.35;
    margin: 48px 0 12px;
    color: var(--ink, #0d1b2a);
    border-top: 1px solid var(--border, #e5e7eb);
    padding-top: 36px;
}
.legal h2:first-of-type { border-top: 0; padding-top: 0; }
.legal h3 {
    font-size: 16px;
    font-weight: 700;
    margin: 24px 0 8px;
    color: var(--ink, #0d1b2a);
}
.legal p {
    margin: 0 0 14px;
    text-align: justify;
    /* coupe les mots longs si besoin (URL, identifiants
       type SIREN/SIRET sur petits ecrans) sinon le justify
       laisse de gros trous blancs entre les mots. */
    hyphens: auto;
    -webkit-hyphens: auto;
}
.legal ul, .legal ol {
    margin: 0 0 14px;
    padding-left: 22px;
}
.legal li {
    margin: 4px 0;
    text-align: justify;
    hyphens: auto;
    -webkit-hyphens: auto;
}
.legal strong { color: var(--ink, #0d1b2a); }
.legal a {
    color: var(--accent, #17b39a);
    text-decoration: none;
    border-bottom: 1px solid rgba(23, 179, 154, 0.35);
}
.legal a:hover { color: var(--ink, #0d1b2a); border-bottom-color: currentColor; }
.legal__note {
    background: #fff8e1;
    border-left: 3px solid #f59e0b;
    padding: 12px 16px;
    border-radius: 0 8px 8px 0;
    font-size: 13px;
    color: #78350f;
    margin: 24px 0;
}
.legal__tldr {
    background: var(--accent-soft, rgba(23, 179, 154, 0.06));
    border-left: 3px solid var(--accent, #17b39a);
    padding: 14px 18px;
    border-radius: 0 8px 8px 0;
    margin: 24px 0;
    font-size: 14px;
    color: var(--ink-secondary, #41506a);
}
.legal__tldr strong { color: var(--accent, #17b39a); }
.legal__contact-card {
    margin-top: 48px;
    padding: 20px 22px;
    border: 1px solid var(--border, #e5e7eb);
    border-radius: 12px;
    background: #fff;
}
.legal__contact-card h3 {
    margin: 0 0 6px;
    font-size: 15px;
}
.legal__contact-card p {
    margin: 0;
    font-size: 14px;
    color: var(--ink-secondary, #41506a);
}