/* Pages légales et contact du domaine Ads (src/content/ads). Dépend de variables.css et lp.css. */
.legal { padding: var(--space-16) 0 var(--space-20); background: var(--color-bg-primary); }
.legal__inner { max-width: 760px; margin: 0 auto; padding: 0 var(--space-6); }
.legal h1 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 4vw, 2.6rem);
  font-weight: var(--weight-bold);
  line-height: var(--leading-tight);
  color: var(--color-text-primary);
  margin: 0 0 var(--space-3);
}
.legal__updated { color: var(--color-text-tertiary); font-size: var(--text-sm); margin: 0 0 var(--space-10); }
.legal h2 {
  font-family: var(--font-heading);
  font-size: var(--text-xl);
  font-weight: var(--weight-bold);
  line-height: var(--leading-snug);
  color: var(--color-text-primary);
  margin: var(--space-10) 0 var(--space-3);
}
.legal p, .legal li { color: var(--color-text-secondary); font-size: var(--text-base); line-height: var(--leading-relaxed); }
.legal p { margin: 0 0 var(--space-4); }
.legal ul { margin: 0 0 var(--space-4); padding-left: var(--space-5); }
.legal li { margin-bottom: var(--space-2); }
.legal a { color: var(--color-text-primary); text-decoration: underline; text-underline-offset: 2px; overflow-wrap: anywhere; }
.legal__table { overflow-x: auto; margin: 0 0 var(--space-4); }
.legal table { width: 100%; min-width: 560px; border-collapse: collapse; font-size: var(--text-sm); }
.legal th, .legal td {
  text-align: left;
  vertical-align: top;
  padding: var(--space-3);
  border-bottom: 1px solid var(--color-border-secondary);
  color: var(--color-text-secondary);
}
.legal th { color: var(--color-text-primary); font-weight: var(--weight-semibold); }

.contact-cards { display: grid; gap: var(--space-4); grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); margin: 0 0 var(--space-10); }
.contact-card {
  padding: var(--space-5);
  background: var(--color-bg-secondary);
  border: 1px solid var(--color-border-secondary);
  border-radius: var(--radius-lg);
}
.contact-card h2 { margin: 0 0 var(--space-2); font-size: var(--text-lg); }
.contact-card p { margin: 0 0 var(--space-2); }
.contact-card p:last-child { margin-bottom: 0; }
.legal .btn { text-decoration: none; color: var(--color-text-inverse); }