/* ============================================================
   MAÏLY ZEN — pages légales

   Mentions légales et politique de confidentialité. Les maquettes PEMIA
   n'en contiennent pas : cette feuille n'est donc pas une surcouche
   reprise verbatim, elle est écrite pour ces deux pages.

   Parti pris : ces pages se lisent, elles ne se regardent pas. Une seule
   colonne étroite, des titres calmes, beaucoup d'air entre les rubriques.
   Aucun ornement en plus de ceux du socle.
   ============================================================ */

.mz-legal {
  margin-top: 12px;
}

.mz-legal-bloc {
  padding-top: 46px;
}

.mz-legal-bloc h2 {
  font-size: clamp(20px, 2.1vw, 25px);
  line-height: 1.2;
  letter-spacing: -.015em;
  color: var(--encre);
}

.mz-legal-corps {
  margin-top: 14px;
  font-size: 16.5px;
  line-height: 1.85;
  color: var(--encre-doux);
  max-width: 66ch;
}

/* Le trou assumé. Il doit se voir sans crier : c'est un repère de
   travail, pas une alerte pour la visiteuse — la page n'est de toute
   façon pas censée être en ligne dans cet état. */
.mz-legal-trou {
  margin-top: 14px;
  display: inline-block;
  padding: 8px 18px;
  border-radius: 100px;
  font-size: 13px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #8a6a2f;
  background: rgba(201, 164, 90, .14);
  border: 1px dashed rgba(201, 164, 90, .55);
}

/* Le texte des rubriques emploie des tirets cadratins en début de ligne
   pour ses listes. On leur donne un léger retrait pour qu'une ligne qui
   passe à la suivante ne remonte pas sous le tiret. */
.mz-legal-corps br + * {
  display: inline;
}

@media (max-width: 768px) {
  .mz-legal-bloc { padding-top: 38px; }
  .mz-legal-corps { font-size: 16px; }
}