/* Schlichte, lesbare Rechtsseiten — gleiche Tokens wie die Landingpage */
body.legal {
  background: var(--bg);
  color: var(--text-muted);
  font-family: var(--font-body);
  font-weight: 300;
  line-height: 1.7;
  padding: clamp(2rem, 6vw, 5rem) var(--gutter);
}
.legal-wrap { max-width: 760px; margin-inline: auto; }
.legal a.back {
  display: inline-flex; align-items: center; gap: .5rem;
  font-size: .82rem; letter-spacing: .08em; text-transform: uppercase;
  color: var(--text-faint); margin-bottom: 2.5rem;
}
.legal a.back:hover { color: var(--accent-strong); }
.legal h1 {
  font-family: var(--font-display); font-weight: 300;
  font-size: clamp(2rem, 4vw, 2.8rem); color: var(--text-strong);
  letter-spacing: -.01em; margin-bottom: 1.75rem;
}
.legal h2 {
  font-family: var(--font-display); font-weight: 400;
  font-size: 1.25rem; color: var(--text); margin: 2.25rem 0 .75rem;
}
.legal p, .legal li { margin-bottom: .85rem; }
.legal strong { color: var(--text); font-weight: 600; }
.legal a:not(.back) { color: var(--accent-strong); text-decoration: underline; text-underline-offset: 2px; }
.legal .placeholder {
  margin-top: 2rem; padding: 1.1rem 1.3rem;
  border: 1px dashed var(--hairline); border-radius: var(--radius-md);
  font-size: .85rem; color: var(--text-faint);
}
.legal footer { margin-top: 3.5rem; padding-top: 1.5rem; border-top: 1px solid var(--hairline-soft);
  font-size: .8rem; color: var(--text-faint); }