.legal-document {
  min-height: calc(100vh - 114px - 92px);
  min-height: calc(100dvh - 114px - 92px);
  padding-block: clamp(58px, 9vw, 128px) clamp(72px, 10vw, 144px);
}
.legal-document > :is(h1, h2, h3, p, ul, .back-link) { max-width: 65ch; }
.legal-document h1 {
  margin: 0 0 clamp(48px, 7vw, 86px);
  font-size: clamp(56px, 8vw, 112px);
  font-weight: 500;
  letter-spacing: -.075em;
  line-height: .9;
}
.legal-document h2 {
  margin: clamp(44px, 6vw, 72px) 0 18px;
  font-size: clamp(24px, 2.5vw, 34px);
  font-weight: 500;
  letter-spacing: -.045em;
  line-height: 1.05;
}
.legal-document h3 {
  margin: 32px 0 14px;
  font-size: 17px;
  font-weight: 600;
  letter-spacing: -.015em;
}
.legal-document p, .legal-document li {
  font-size: clamp(16px, 1.3vw, 18px);
  line-height: 1.62;
  letter-spacing: -.012em;
}
.legal-document p { margin: 0 0 18px; }
.legal-document ul { margin: 0 0 18px; padding-left: 20px; }
.legal-document li + li { margin-top: 6px; }
.legal-document a { text-underline-offset: 4px; }
.legal-document a:hover { color: var(--muted); }
.legal-document code { font: .88em/1.4 ui-monospace, SFMono-Regular, Menlo, monospace; overflow-wrap: anywhere; }
.legal-document .back-link { display: inline-flex; align-items: center; gap: 12px; min-height: 44px; margin-top: 42px; text-decoration: none; border-bottom: 1px solid currentColor; }
.legal-document .back-link:hover { color: var(--text); }
@media (max-width: 760px) {
  .legal-document { min-height: calc(100dvh - 76px - 112px); padding-block: 52px 88px; }
  .legal-document h1 { font-size: clamp(48px, 16vw, 72px); margin-bottom: 52px; }
  .legal-document h2 { margin-top: 50px; }
  html[lang="de"] .legal-document h1 { font-size: clamp(42px, 13vw, 64px); letter-spacing: -.09em; }
}
@media (max-width: 360px) {
  .legal-document p, .legal-document li { font-size: 16px; }
}