html:has(body.legal-page) {
  overflow: auto !important;
  height: auto;
}
body.legal-page {
  overflow: auto !important;
  height: auto;
  min-height: 100dvh;
}
.legal {
  max-width: 720px;
  margin: 0 auto;
  padding: calc(24px + var(--safe-t)) 20px calc(40px + var(--safe-b));
}
.legal-back a { color: var(--accent); text-decoration: none; font-weight: 700; }
.legal h1 { letter-spacing: -0.04em; margin: 12px 0 8px; }
.legal h2 { margin: 28px 0 8px; font-size: 18px; }
.legal p, .legal li { color: #d5dae6; }
.legal ul { padding-left: 20px; }
.legal a { color: var(--accent); }