.legal-header { background: var(--bg2); padding: 64px 48px 40px; border-bottom: 1px solid var(--border); }
.legal-header h1 { font-size: clamp(24px, 3vw, 36px); margin-bottom: 8px; }
.legal-date { font-size: 12px; color: var(--text3); font-family: var(--serif); font-style: italic; }

.legal-body { max-width: 760px; margin: 0 auto; padding: 56px 48px; }
.legal-body h2 { font-size: 18px; font-weight: 800; color: var(--text); margin: 36px 0 12px; font-family: var(--sans); letter-spacing: -0.3px; }
.legal-body p  { font-family: var(--serif); font-size: 15px; color: var(--text2); line-height: 1.8; margin-bottom: 16px; }
.legal-body ul { font-family: var(--serif); font-size: 15px; color: var(--text2); padding-left: 24px; margin-bottom: 16px; }
.legal-body li { margin-bottom: 8px; line-height: 1.8; }
.legal-body a  { color: var(--accent); }
.legal-body strong { color: var(--text); font-weight: 600; }

.legal-disclaimer {
  background: rgba(214,79,122,0.08);
  border: 1px solid rgba(214,79,122,0.25);
  border-radius: var(--radius); padding: 20px 24px; margin: 32px 0;
}
.legal-disclaimer p { color: var(--text2); font-size: 14px; }

@media (max-width: 768px) {
  .legal-header { padding: 40px 20px 24px; }
  .legal-body   { padding: 40px 20px; }
}