/* ==========================================================================
   LEGAL.CSS — Styles for mentions-légales and politique-confidentialité
   P18: extracted from inline <style nonce> blocks (were duplicated)
   ========================================================================== */

main.legal { max-width: 780px; margin: 0 auto; padding: 120px 24px 80px; }
.page-label {
    font-size: 0.62rem; font-weight: 500; letter-spacing: 0.32em;
    text-transform: uppercase; color: #7d5810; margin-bottom: 16px;
}
main.legal h1 {
    font-family: 'Playfair Display', serif;
    font-size: clamp(1.8rem, 4vw, 2.8rem); font-weight: 400;
    margin-bottom: 48px; padding-bottom: 24px;
    border-bottom: 1px solid rgba(201,168,76,0.25);
}
main.legal h2 {
    font-family: 'Playfair Display', serif;
    font-size: 1.2rem; font-weight: 600; margin: 36px 0 12px; color: #0d0a08;
}
main.legal p, main.legal ul { font-size: 0.95rem; color: #3a3530; margin-bottom: 16px; }
main.legal ul { padding-left: 24px; }
main.legal li { margin-bottom: 6px; }
main.legal a  { color: #7d5810; text-decoration: underline; }
@media (max-width: 768px) { main.legal { padding: 100px 20px 60px; } }