/* Selibri — Legal pages (Mentions légales, Politique de confidentialité)
   Purely additive, reuses tokens from style.css. */

.legal-page {
  padding: 160px 0 100px;
}
.legal-container {
  max-width: 760px;
}
.legal-container h1 {
  margin: 8px 0 4px;
  font-size: clamp(2rem, 4vw, 2.75rem);
}
.legal-updated {
  color: var(--gray-500, #7c8ba1);
  font-size: 0.85rem;
  margin-bottom: 40px;
}
.legal-container h2 {
  font-size: 1.15rem;
  margin: 36px 0 12px;
  color: var(--white);
}
.legal-container p {
  color: var(--gray-400, #a9b7ca);
  line-height: 1.75;
  margin-bottom: 12px;
}
.legal-container a {
  color: var(--turquoise-light, #2DD4E8);
}
.legal-list {
  margin: 0 0 12px;
  padding-left: 20px;
  color: var(--gray-400, #a9b7ca);
  line-height: 1.9;
}
.legal-back {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  margin-top: 48px;
  padding-top: 32px;
  border-top: 1px solid rgba(255,255,255,0.08);
}
@media (max-width: 560px) {
  .legal-page { padding: 130px 0 70px; }
  .legal-back { flex-direction: column; }
  .legal-back .btn { width: 100%; text-align: center; }
}