/* Legal pages inherit the existing site palette, fonts and shell. */
.legal-main { max-width: 78ch; padding-block: 48px 64px; overflow-wrap: anywhere; }
.legal-heading { margin-bottom: 32px; }
.legal-main h1 { font-size: clamp(32px, 5vw, 48px); }
.legal-main section { margin-top: 32px; }
.legal-main h2 { font-size: clamp(22px, 3vw, 28px); }
.legal-main li + li { margin-top: 8px; }
.legal-draft { margin-block: 20px; padding: 16px 20px; border: 1px solid var(--line-strong); border-radius: var(--radius-sm); background: var(--panel); }
.legal-draft strong { display: block; color: var(--accent-soft); }
.legal-operator { display: grid; grid-template-columns: minmax(8rem, 1fr) minmax(0, 3fr); gap: 8px 20px; padding-block: 20px; border-block: 1px solid var(--line); font-size: 14px; }
.legal-operator dt { color: var(--muted); }
.legal-operator dd { margin: 0; }
@media (max-width: 480px) {
  .legal-main { padding-block: 32px 48px; }
  .legal-operator { grid-template-columns: minmax(0, 1fr); gap: 4px; }
  .legal-operator dd + dt { margin-top: 12px; }
}