.legal-body {
  background: radial-gradient(circle at 90% 0, rgba(155,140,255,.12), transparent 34%), var(--paper);
}
.legal-body .topbar {
  background: rgba(245,244,238,.82);
  backdrop-filter: blur(18px);
  position: sticky;
  top: 0;
}
.legal-body .topbar nav { display: flex; }
.legal-main { width: min(900px, calc(100% - 40px)); margin: 64px auto 90px; }
.legal-hero { padding: 44px 0 36px; border-bottom: 1px solid var(--line); }
.legal-hero h1 {
  margin: 15px 0 14px;
  font: 500 clamp(42px,7vw,66px)/1 Georgia,serif;
  letter-spacing: -.055em;
  overflow-wrap: anywhere;
}
.legal-hero p { max-width: 690px; margin: 0; color: var(--muted); font-size: 17px; line-height: 1.7; }
.legal-meta { display: inline-flex; margin-top: 20px; padding: 8px 12px; border-radius: 99px; background: #ece8ff; color: #6554c8; font-size: 12px; font-weight: 750; }
.legal-content { padding: 24px 0; }
.legal-content section { padding: 28px 0; border-bottom: 1px solid var(--line); }
.legal-content h2 { margin: 0 0 13px; font-size: 24px; letter-spacing: -.03em; }
.legal-content p, .legal-content li { color: #596762; font-size: 16px; line-height: 1.75; }
.legal-content ul { margin: 12px 0 0; padding-left: 22px; }
.legal-callout { margin-top: 28px; padding: 22px 24px; border-radius: 18px; background: #171522; color: #fff; }
.legal-callout p { margin: 4px 0; color: #c7d0cd; }
.legal-callout a { color: #ff806d; font-weight: 750; }
.legal-footer { min-height: auto; padding-block: 32px; }
.legal-footer>div:last-child { justify-content: flex-end; }
.legal-back { display: inline-flex; align-items: center; gap: 8px; color: #6554c8; font-weight: 750; }
@media(max-width:700px) {
  .legal-body .topbar nav { display: none; }
  .legal-main { margin-top: 32px; }
  .legal-hero { padding-top: 28px; }
  .legal-hero h1 { font-size: 38px; letter-spacing: -.045em; }
  .legal-content h2 { font-size: 21px; }
  .legal-content p, .legal-content li { font-size: 15px; }
  .legal-footer>div:last-child { justify-content: flex-start; }
}