/* ══════════════════════════════════════════════════════════
   Pages légales et 404.
   Sur WordPress, ces pages avaient un en-tête plein dont l'adresse était
   écrite en blanc sur fond blanc, et des liens blancs sur fond crème :
   elles reprennent désormais le bandeau brun de la page Contact, et les
   liens sont lisibles. Hiérarchie rétablie (le <h2> était plus grand que le <h1>).
   ══════════════════════════════════════════════════════════ */

.am-legal { padding: 60px 0; }
.am-legal h1 {
  margin-bottom: 40px;
  font-size: 35px;
  line-height: 1.5;
}
.am-legal h2 {
  margin: 40px 0 16px;
  font-size: 25px;
  line-height: 1.5;
}
.am-legal h1 + h2 { margin-top: 0; }
.am-legal p,
.am-legal ul { margin-bottom: 24px; }
.am-legal ul { padding-left: 1.2em; }
.am-legal li + li { margin-top: 8px; }
.am-legal a {
  color: var(--brun);
  text-decoration: underline;
  text-underline-offset: 2px;
}
.am-legal a:hover { color: #000; }