/* ==========================================================================
   PAGES LÉGALES  (/mentions-legales et /confidentialite)
   Une seule feuille pour les deux : ce sont des pages de texte long, la
   priorité est la lisibilité, pas la mise en scène.
   ========================================================================== */

.lg {
  background: #fff;
  padding: 2.5rem 0 3.5rem;
}

.lg-wrap {
  /* ~70 caractères par ligne : au-delà, l'œil perd le début de la ligne
     suivante, et ces pages sont déjà assez ingrates à lire. */
  max-width: 44rem;
  margin: 0 auto;
  padding: 0 1.25rem;
}

.lg-fil {
  font-size: 0.8125rem;
  color: hsl(var(--muted-foreground));
}

.lg-h1 {
  margin-top: 1rem;
  font-size: clamp(1.75rem, 5vw, 2.5rem);
  line-height: 1.15;
  color: hsl(var(--primary));
}

.lg-chapo {
  margin-top: 1rem;
  font-size: 1rem;
  line-height: 1.65;
  color: hsl(var(--muted-foreground));
}

.lg-bloc {
  margin-top: 2.25rem;
}

.lg-h2 {
  font-size: 1.0625rem;
  font-weight: 700;
  line-height: 1.3;
  color: hsl(var(--primary));
}

.lg-p {
  margin-top: 0.75rem;
  font-size: 0.9375rem;
  line-height: 1.7;
  color: hsl(var(--muted-foreground));
}

.lg-liste {
  margin-top: 0.75rem;
  padding-left: 1.125rem;
  list-style: disc;
}

.lg-liste li {
  margin-top: 0.375rem;
  font-size: 0.9375rem;
  line-height: 1.6;
  color: hsl(var(--muted-foreground));
}

/* Fiche d'identité de l'éditeur : libellé à gauche, valeur à droite. */
.lg-ligne {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.125rem;
  margin-top: 0.75rem;
  font-size: 0.9375rem;
  line-height: 1.5;
  color: hsl(var(--primary));
}

.lg-label {
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: hsl(var(--muted-foreground));
}

.lg-maj {
  margin-top: 2.5rem;
  padding-top: 1.25rem;
  border-top: 1px solid hsl(var(--border));
  font-size: 0.8125rem;
  color: hsl(var(--muted-foreground));
}

@media (min-width: 640px) {
  .lg {
    padding: 3.5rem 0 4.5rem;
  }

  .lg-wrap {
    padding: 0 1.5rem;
  }

  .lg-ligne {
    grid-template-columns: 14rem 1fr;
    gap: 1rem;
    align-items: baseline;
  }
}