/* Styles used only by privacy.html and terms.html */
.legal { max-width: 820px; padding-block: clamp(3rem, 6vw, 5rem); }
.legal .h2 { margin-bottom: .75rem; }
.legal-date { color: var(--muted); font-size: var(--fs-sm); margin-bottom: 2.5rem; }
.draft-note {
  background: var(--arctic-white); border: 1px solid var(--line); border-left: 3px solid var(--peacock);
  padding: 1rem 1.25rem; font-size: var(--fs-sm); margin-bottom: 2.5rem;
}
.legal-body { display: grid; gap: 1rem; max-width: 68ch; }
.legal-body h2 { font-family: var(--font-display); font-size: 1.35rem; font-weight: 500; margin-top: 1.5rem; }
.legal-body p, .legal-body li { color: var(--muted); }
.legal-body ul { list-style: disc; padding-left: 1.25rem; display: grid; gap: .35rem; }
.legal-footer { padding-block: 0 2rem; }
.legal-footer a { color: inherit; }