.legal-page {
  width: min(100%, var(--max-content-width));
  margin-inline: auto;
  padding: calc(var(--header-height) + clamp(34px, 5vw, 64px)) var(--page-padding)
    clamp(56px, 8vw, 108px);
}

.legal-hero {
  width: min(100%, 1100px);
  margin-inline: auto;
}

.legal-content {
  margin-top: clamp(20px, 2.8vw, 36px);
  max-width: 76ch;
  margin-inline: auto;
}

.legal-content .corps-gras {
  margin-block: clamp(16px, 2.4vw, 26px) clamp(8px, 1.2vw, 14px);
}

.legal-content .corps-gras:first-child {
  margin-top: 0;
}

.legal-content .sous-titre {
  margin-block: clamp(28px, 4.2vw, 46px) clamp(18px, 2.4vw, 30px);
}

.legal-content a {
  color: var(--accent-ink);
}

.legal-easter-egg {
  margin-top: clamp(28px, 4vw, 46px);
  padding-top: clamp(16px, 2.4vw, 26px);
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  font-style: italic;
  opacity: 0.75;
}

.legal-content a:hover,
.legal-content a:focus-visible {
  text-decoration-thickness: 2px;
}

@media (min-width: 1200px) {
  .legal-page {
    padding-inline: clamp(28px, 4vw, 72px);
  }

  .legal-content {
    max-width: 74ch;
  }
}

@media (min-width: 1600px) {
  .legal-page {
    padding-inline: clamp(36px, 6vw, 120px);
  }

  .legal-content {
    max-width: 70ch;
  }
}