/* Pages légales (CGV, confidentialité, mentions légales ; français et anglais). Chargée après
   tokens.css, styles.css et accueil.css, comme l'accueil. Le texte lui-même est rendu depuis
   docs/chatcommerce-store par scripts/render-legal.mjs ; ses styles de corps (.legal-text,
   .table, .scroll) sont dans styles.css. Couleurs : tokens du kit uniquement. */
.lg-wrap { max-width: 1200px; margin: 0 auto; padding: 0 40px; }
.lg-hero { padding: 72px 0 48px; border-bottom: 1px dashed var(--line-strong); }
.lg-hero h1 { max-width: 880px; margin-top: 20px; font-size: 48px; line-height: 1.04; letter-spacing: -1.2px; }
.lg-lang { margin-top: 24px; color: var(--muted); font-size: 15px; }
.lg-body { padding: 64px 0 96px; }
.lg-body .legal-text { color: var(--text); font-size: 16px; line-height: 1.6; }
.lg-body .legal-text h2 { font-size: clamp(22px, 2.4vw, 28px); line-height: 1.2; letter-spacing: -.02em; }
.lg-body .legal-text h3 { font-size: 20px; line-height: 1.3; font-weight: 600; }
.lg-body .legal-text ul { list-style: disc; }
.lg-body .legal-text a { text-decoration: underline; text-underline-offset: 3px; }
.legal-text strong { font-weight: 600; }
@media (max-width: 1000px) {
  .lg-wrap { padding: 0 28px; }
  .lg-hero { padding: 48px 0 32px; }
  .lg-hero h1 { font-size: 36px; }
  .lg-body { padding: 40px 0 72px; }
}
@media (max-width: 560px) {
  .lg-wrap { padding: 0 20px; }
  .lg-hero h1 { font-size: 30px; letter-spacing: -.8px; }
}