body.legal-page .legal { width: calc(100% - 32px); max-width: 888px; margin: 120px auto 0; padding: 64px; border-radius: 28px; background: var(--surface); box-shadow: var(--shadow-card); }
.legal h1 { margin-bottom: 12px; }
.legal h2 { margin: 40px 0 16px; font-size: var(--size-h3); line-height: 1.15; }
.legal h3 { margin: 24px 0 12px; font-size: var(--size-row-title); line-height: 1.2; }
.legal p, .legal ul, .legal ol { margin-bottom: 16px; color: var(--secondary); font-size: var(--size-compact); line-height: 1.6; }
.legal ul, .legal ol { padding-left: 24px; }
.legal li + li { margin-top: 6px; }
.legal .meta { margin-bottom: 40px; color: var(--muted); font-size: var(--size-small); }
.legal strong, .legal a { color: var(--ink); }
.legal a { text-decoration: underline; text-underline-offset: 3px; }
.legal > :last-child { margin-bottom: 0; }
@media (max-width: 767px) {
  body.legal-page .legal { width: calc(100% - 24px); padding: 32px 28px; }
}