/* Rechtliche Unterseiten: dunkel wie die Startseite, mit Verlauf ins Grau */
.legal {
  --ink-text: #f1ebe2;
  --ink-soft: rgb(241 235 226 / 0.74);
  padding-block: 8rem var(--space-section);
  min-height: 100svh;
  background: linear-gradient(180deg, #0b0907 0%, #1f1c19 55%, #3d3a36 100%) fixed;
  color: var(--ink-text);
}
.legal__inner { max-width: 46rem; }
.legal :focus-visible { outline-color: var(--ink-text); }
.legal .eyebrow { font-size: var(--text-sm); color: var(--ink-soft); }
.legal h1 { margin-block: 1rem 2.5rem; font-family: var(--font-body); font-weight: 500; font-size: clamp(2.4rem, 1.4rem + 4vw, 4.5rem); line-height: 0.95; letter-spacing: -0.045em; }
.legal h2 { margin-block: 2.5rem 0.6rem; font-weight: 500; font-size: var(--text-xl); letter-spacing: -0.02em; }
.legal p, .legal li, .legal dd { color: var(--ink-soft); }
.legal p + p { margin-top: 0.8rem; }
.legal dl { display: grid; grid-template-columns: max-content 1fr; gap: 0.5rem 1.5rem; }
.legal dt { color: var(--ink-text); font-size: var(--text-sm); padding-top: 0.15rem; }
.legal a { color: var(--ink-text); text-underline-offset: 0.2em; }
@media (max-width: 40rem) { .legal dl { grid-template-columns: 1fr; } .legal dd { margin-bottom: 0.6rem; } }