/* V2V Conseil — Légal pages additional styles. Pairs with styles.css */

.legal-hero { padding: 64px 0 24px; }
.legal-hero .h1 { font-size: clamp(36px, 4.4vw, 52px); }
.legal-content { max-width: 760px; margin: 0 auto; padding: 32px 0 88px; }
.legal-content h2 { font-size: 22px; font-weight: 600; color: var(--ink-900); letter-spacing: -0.01em; margin: 48px 0 12px; }
.legal-content h2:first-child { margin-top: 0; }
.legal-content h3 { font-size: 16px; font-weight: 600; color: var(--ink-900); margin: 28px 0 8px; }
.legal-content p { font-size: 15px; line-height: 1.65; color: var(--ink-700); margin: 0 0 14px; }
.legal-content ul, .legal-content ol { font-size: 15px; line-height: 1.65; color: var(--ink-700); margin: 0 0 14px; padding-left: 22px; }
.legal-content li { margin-bottom: 6px; }
.legal-content strong { color: var(--ink-900); font-weight: 600; }
.legal-content a { color: var(--ink-900); text-decoration: underline; text-underline-offset: 2px; text-decoration-color: var(--hairline-strong); }
.legal-content a:hover { text-decoration-color: var(--ink-900); }
.legal-content .meta { font: 12.5px var(--font-mono); color: var(--ink-500); padding: 14px 0; border-top: 1px solid var(--hairline); border-bottom: 1px solid var(--hairline); margin: 24px 0 32px; display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.legal-content .info-card { background: var(--paper); border-radius: 14px; box-shadow: inset 0 0 0 1px var(--hairline); padding: 24px 28px; margin: 16px 0 24px; }
.legal-content .info-card p { margin-bottom: 8px; }
.legal-content .info-card p:last-child { margin-bottom: 0; }
.legal-toc { display: flex; flex-wrap: wrap; gap: 8px; margin: 16px 0 32px; }
.legal-toc a { font: 500 12.5px var(--font-sans); padding: 6px 12px; border-radius: 999px; background: var(--paper); color: var(--ink-700); box-shadow: inset 0 0 0 1px var(--hairline); text-decoration: none; }
.legal-toc a:hover { box-shadow: inset 0 0 0 1px var(--hairline-strong); color: var(--ink-900); }