/* ============================================
   PAGES LÉGALES — Mentions légales & Confidentialité
   Styles spécifiques à ces deux pages, séparés d'app.css
   pour ne pas impacter le reste du site (hero, CV, etc.)
   ============================================ */

.legal-section {
    max-width: 80rem;
    margin: 3.2rem 0 8rem;
    line-height: 1.8;
}

.page-legale h1 {
    font-size: clamp(3.2rem, 6vw, 5.6rem);
    margin-bottom: 1.6rem;
}

.page-legale h2 {
    position: relative;
    margin-top: 6rem;
    margin-bottom: 2.4rem;
    padding-bottom: 1.6rem;
    font-size: 2.2rem;
}

.page-legale h2::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 4.8rem;
    height: 3px;
    background-color: var(--color-accent);
}

.page-legale p,
.page-legale ul {
    margin-bottom: 1.8rem;
}

.page-legale li {
    margin-bottom: 0.6rem;
}

.page-legale ul {
    padding-left: 2.4rem;
    list-style: disc;
}

.page-legale a {
    color: var(--color-accent);
    text-decoration: underline;
}

.back-link {
    display: inline-block;
    margin-top: 4.8rem;
    font-family: var(--font-mono);
    font-size: 1.3rem;
    color: var(--color-accent);
    text-decoration: underline;
}

.legal-subtitle {
    opacity: 0.7;
    font-size: 1.4rem;
    margin-bottom: 4.8rem;
}

.legal-updated {
    margin-top: 3rem;
    opacity: 0.7;
    font-size: 1.4rem;
}