/* pages/legal.css — Partagé CGV / Mentions légales / Politique confidentialité */
.page-hero { padding: var(--space-12) 0 var(--space-8); background: var(--color-bg-subtle); border-bottom: 1px solid var(--color-border); }
.breadcrumb { display: flex; align-items: center; gap: var(--space-2); font-size: var(--text-sm); color: var(--color-text-muted); margin-bottom: var(--space-4); }
.breadcrumb a { color: var(--color-primary); }
.page-hero-title { font-size: var(--text-3xl); font-weight: 800; letter-spacing: -.02em; margin-bottom: var(--space-2); }
.page-hero-meta  { font-size: var(--text-sm); color: var(--color-text-muted); }

.legal-layout { display: grid; grid-template-columns: 220px 1fr; gap: var(--space-12); align-items: start; padding: var(--space-12) 0; }
@media (max-width: 900px) { .legal-layout { grid-template-columns: 1fr; } .legal-toc { display: none; } }

.legal-toc { position: sticky; top: calc(var(--header-height) + var(--space-6)); }
.legal-toc-title { font-size: var(--text-xs); font-weight: 700; text-transform: uppercase; letter-spacing: .1em; color: var(--color-text-muted); margin-bottom: var(--space-3); }
.legal-toc-links { display: flex; flex-direction: column; gap: var(--space-1); }
.legal-toc-links a { font-size: var(--text-sm); color: var(--color-gray-600); text-decoration: none; padding: var(--space-1) var(--space-3); border-left: 2px solid var(--color-border); transition: all var(--transition-fast); }
.legal-toc-links a:hover { color: var(--color-primary); border-color: var(--color-primary); background: var(--color-primary-50); }
.legal-toc-links a.active { color: var(--color-primary); border-color: var(--color-primary); font-weight: 600; }

.legal-content h2 { font-size: var(--text-2xl); font-weight: 700; color: var(--color-gray-900); margin: var(--space-10) 0 var(--space-4); padding-top: var(--space-4); border-top: 1px solid var(--color-border); scroll-margin-top: calc(var(--header-height) + var(--space-8)); }
.legal-content h2:first-child { margin-top: 0; border-top: none; }
.legal-content h3 { font-size: var(--text-lg); font-weight: 600; color: var(--color-gray-800); margin: var(--space-6) 0 var(--space-3); }
.legal-content p  { font-size: var(--text-sm); color: var(--color-gray-600); line-height: var(--leading-relaxed); margin-bottom: var(--space-4); }
.legal-content ul { list-style: disc; padding-left: var(--space-6); margin-bottom: var(--space-4); }
.legal-content li { font-size: var(--text-sm); color: var(--color-gray-600); line-height: var(--leading-relaxed); margin-bottom: var(--space-2); }
.legal-content a  { color: var(--color-primary); }
.legal-content strong { color: var(--color-gray-800); }
.legal-highlight { background: var(--color-primary-50); border-left: 3px solid var(--color-primary); border-radius: 0 var(--radius-md) var(--radius-md) 0; padding: var(--space-4) var(--space-5); margin-bottom: var(--space-4); }
.legal-highlight p { margin: 0; color: var(--color-primary-700); }