/* Styles for legal pages (Impressum / Datenschutz / AGB) */

.legal {
  padding: clamp(56px, 7vw, 96px) 0 120px;
  max-width: 820px;
}
.legal h1 {
  font-family: var(--serif);
  font-weight: 500;
  font-size: clamp(2.4rem, 4vw, 3.4rem);
  line-height: 1.1;
  letter-spacing: -0.01em;
  margin: 12px 0 32px;
}
.legal h2 {
  font-family: var(--serif);
  font-weight: 500;
  font-size: 1.5rem;
  margin: 40px 0 12px;
  letter-spacing: -0.005em;
}
.legal p,
.legal ul { color: var(--ink-soft); }
.legal ul { padding-left: 1.2em; }
.legal li { margin: 0 0 .4em; }

.legal-note {
  background: var(--cream-deep);
  border-left: 3px solid var(--tan-deep);
  padding: 14px 18px;
  border-radius: 6px;
  font-size: .95rem;
  color: var(--ink);
  margin: 0 0 40px;
}
.legal-note code {
  font-family: var(--mono);
  font-size: .86em;
  background: var(--cream-soft);
  padding: 1px 6px;
  border-radius: 4px;
  border: 1px solid var(--tan-line);
}
.legal-footer {
  margin-top: 56px;
  padding-top: 24px;
  border-top: 1px solid var(--tan-line);
  font-family: var(--mono);
  font-size: .82rem;
  color: var(--muted);
}
.legal-footer a { border-bottom: 1px solid var(--tan-line); }