/* ============================================================
   Divinemenciel — Pages légales
   Converti depuis home/home.css.
   ============================================================ */

   .legal-section {
    border-top: none;
    padding-top: 170px;
    padding-bottom: clamp(60px, 8vw, 110px);
  }
  .legal-container {
    padding-left: clamp(24px, 16vw, 320px);
    padding-right: clamp(24px, 16vw, 320px);
  }
  .legal-title { margin-bottom: 10px; }
  .legal-updated {
    font-family: var(--font-display);
    font-style: italic;
    font-size: 19px;
    color: var(--vert-pesto);
    margin: 0 0 58px;
  }
  .legal-body h2 {
    font-family: var(--font-text);
    font-weight: var(--w-strong);
    font-size: 25px;
    line-height: 1.25;
    margin: 54px 0 16px;
  }
  .legal-body h3 {
    font-family: var(--font-display);
    font-style: italic;
    font-weight: 400;
    font-size: 22px;
    margin: 30px 0 10px;
    color: var(--vin-rouge);
  }
  .legal-body p {
    font-family: var(--font-text);
    font-weight: var(--w-thin);
    color: var(--vert-olive);
    font-size: 16.5px;
    line-height: 1.65;
    margin: 0 0 14px;
    max-width: 46em;
  }
  .legal-body ul { margin: 0 0 14px; padding-left: 22px; }
  .legal-body li {
    font-family: var(--font-text);
    font-weight: var(--w-thin);
    color: var(--vert-olive);
    font-size: 16.5px;
    line-height: 1.6;
    margin-bottom: 6px;
    max-width: 44em;
  }
  .legal-body a { text-decoration: underline; text-underline-offset: 3px; }
  .legal-body a:hover { color: var(--vert-pesto); }
  
  @media (max-width: 980px) {
    .legal-section { padding-top: 130px; }
    .legal-container { padding-left: var(--gutter); padding-right: var(--gutter); }
  }