/* ==========================================================================
   Bloc « text » — contenu éditorial long (mentions légales, confidentialité…)
   Mise en page sobre sur fond crème, mesure de lecture confortable (~70ch).
   ========================================================================== */

.text-block {
  background: var(--c-bg-cream);
  color: var(--c-text);
  padding: clamp(7rem, 12vh, 11rem) 0 clamp(4rem, 8vh, 7rem);
}

.text-block__inner {
  max-width: 72ch;
  margin: 0 auto;
}

.text-block__title {
  color: var(--c-blue);
  font-size: clamp(2rem, 4vw, 3rem);
  line-height: 1.1;
  margin: 0 0 clamp(1.75rem, 4vh, 2.75rem);
}

/* Contenu WYSIWYG : on stylise les éléments produits par l'éditeur. */
.text-block__body {
  font-size: 1.0625rem;
  line-height: 1.75;
  color: var(--c-text);
}

.text-block__body > * + * { margin-top: 1.15em; }

.text-block__body h2,
.text-block__body h3,
.text-block__body h4 {
  color: var(--c-blue);
  line-height: 1.25;
  margin-top: 2.25em;
}

.text-block__body h2 { font-size: 1.5rem; }
.text-block__body h3 { font-size: 1.25rem; }
.text-block__body h4 { font-size: 1.0625rem; }

.text-block__body ul,
.text-block__body ol {
  padding-left: 1.4em;
}
.text-block__body ul { list-style: disc; }
.text-block__body ol { list-style: decimal; }
.text-block__body li + li { margin-top: 0.4em; }

.text-block__body a {
  color: var(--c-copper);
  text-decoration: underline;
  text-underline-offset: 2px;
}

.text-block__body strong { font-weight: 600; }

@media (max-width: 768px) {
  .text-block { padding: clamp(5rem, 10vh, 7rem) 0 4rem; }
}