/* ── Legal pages (impressum, datenschutz, agb) ───────────────── */
.legal-section { padding-block: var(--space-20); }
.legal-section .section-label { margin-bottom: var(--space-3); }
.legal-section h1 { margin-bottom: var(--space-10); }

.legal-body {
  display: flex;
  flex-direction: column;
  gap: var(--space-6);
}
.legal-body h2 {
  font-size: var(--text-xl);
  margin-top: var(--space-4);
  padding-top: var(--space-6);
  border-top: 1px solid var(--clr-border);
}
.legal-body h2:first-child { border-top: none; padding-top: 0; margin-top: 0; }
.legal-body h3 { font-size: var(--text-lg); margin-top: var(--space-2); }
.legal-body p, .legal-body li {
  font-size: var(--text-base);
  color: var(--clr-text-muted);
  line-height: 1.8;
  max-width: 70ch;
}
.legal-body a { color: var(--accent-light); }
.legal-body a:hover { color: var(--accent); }
.legal-placeholder-note {
  padding: var(--space-4) var(--space-5);
  background: rgba(245,158,11,.08);
  border: 1px solid rgba(245,158,11,.2);
  border-radius: var(--radius-md);
  color: var(--clr-warn) !important;
  font-size: var(--text-sm) !important;
}