/* Mise en page des textes juridiques. Chargée par les seules pages légales,
   pour ne pas alourdir la page d'accueil. Reprend les variables de app.css. */

.legal {
  max-width: 46rem;
  margin: 0 auto;
  padding: 1rem 0 var(--section);
}

.legal h2 {
  font-size: clamp(1.15rem, 2.4vw, 1.45rem);
  margin: 2.5rem 0 .6rem;
  letter-spacing: -.01em;
  color: var(--ink);
}

.legal h2:first-of-type { margin-top: 1rem; }

.legal h3 {
  font-size: 1rem;
  margin: 1.5rem 0 .4rem;
  color: var(--ink);
}

.legal p,
.legal li,
.legal dd {
  line-height: 1.68;
  color: var(--muted);
}

.legal ul,
.legal ol {
  margin: .5rem 0 1rem;
  padding-left: 1.2rem;
}

.legal li { margin: .35rem 0; }

.legal dl {
  margin: .8rem 0 1.4rem;
  padding: 1.1rem 1.25rem;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--surface);
  box-shadow: var(--shadow-sm);
}

.legal dt {
  font-weight: 600;
  color: var(--ink);
  margin-top: .8rem;
}

.legal dl > dt:first-child { margin-top: 0; }

.legal dd { margin: .15rem 0 0; }

/* Emplacement à compléter avant la mise en ligne définitive. Volontairement
   très visible : un texte juridique publié avec un trou invisible est pire que
   pas de texte du tout. */
.aremplir {
  background: #FFF3CD;
  border-bottom: 2px solid #D9A300;
  padding: 0 .28em;
  font-weight: 600;
  color: #6B4E00;
}

.legal .maj {
  font-size: .85rem;
  color: var(--faint);
  margin-top: 2.5rem;
  padding-top: 1rem;
  border-top: 1px solid var(--line);
}

.legal a { color: var(--green); }