/* Shared CSS for legal pages — meilleures-alarmes.com */
* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; color: #333; background: #fafafa; line-height: 1.65; }
.navbar { padding: 20px 5%; background: #fff; display: flex; justify-content: center; border-bottom: 1px solid #eee; }
.nav-logo { height: 36px; }
.legal-wrap { max-width: 820px; margin: 0 auto; padding: 48px 5% 64px; background: #fff; }
.legal-wrap h1 { font-size: 32px; font-weight: 800; color: #1a1a1a; margin-bottom: 8px; }
.legal-wrap .subline { font-size: 13px; color: #999; margin-bottom: 32px; font-style: italic; }
.toc { background: #FFF5F5; border: 1px solid #FECDD3; border-radius: 12px; padding: 20px 24px; margin-bottom: 40px; }
.toc strong { display: block; font-size: 13px; text-transform: uppercase; letter-spacing: 0.5px; color: #C62828; margin-bottom: 10px; }
.toc ol { padding-left: 20px; }
.toc li { font-size: 14px; color: #555; margin-bottom: 4px; }
.toc a { color: #555; text-decoration: none; }
.toc a:hover { color: #C62828; text-decoration: underline; }
.legal-wrap h2 { font-size: 20px; font-weight: 700; color: #1a1a1a; margin: 32px 0 14px; padding-top: 12px; border-top: 1px solid #eee; }
.legal-wrap h2:first-of-type { border-top: none; padding-top: 0; }
.legal-wrap h3 { font-size: 16px; font-weight: 700; color: #333; margin: 20px 0 10px; }
.legal-wrap p { margin-bottom: 14px; font-size: 15px; }
.legal-wrap ul, .legal-wrap ol { margin: 0 0 14px 22px; }
.legal-wrap li { margin-bottom: 6px; font-size: 15px; }
.legal-wrap a { color: #C62828; text-decoration: underline; }
.legal-wrap strong { color: #1a1a1a; }
.legal-table { width: 100%; border-collapse: collapse; margin: 16px 0 24px; font-size: 14px; }
.legal-table th, .legal-table td { border: 1px solid #eee; padding: 12px 14px; text-align: left; vertical-align: top; }
.legal-table th { background: #FFF5F5; color: #C62828; font-weight: 700; font-size: 13px; }
.info-box { background: #fafafa; border-left: 3px solid #C62828; padding: 16px 20px; margin: 16px 0; border-radius: 4px; font-size: 14px; }
.info-box p { margin-bottom: 8px; }
.info-box p:last-child { margin-bottom: 0; }
footer { padding: 32px 5%; background: #1a1a1a; text-align: center; font-size: 12px; color: #666; line-height: 1.6; }
footer a { color: #999; margin: 0 6px; }
@media (max-width: 640px) {
  .legal-wrap { padding: 28px 5% 40px; }
  .legal-wrap h1 { font-size: 24px; }
  .legal-wrap h2 { font-size: 17px; }
  .legal-wrap p, .legal-wrap li { font-size: 14px; }
  .legal-table { font-size: 13px; }
  .legal-table th, .legal-table td { padding: 8px 10px; }
}