/* Öffentliche Rechtsseiten — schmale Textspalte auf ruhigem Grund. */
body.legal { margin: 0; background: var(--color-bg); color: var(--color-ink); font-family: var(--font-ui); }
.legal__topbar { max-width: 760px; margin: 0 auto; padding: 22px 20px 8px; display: flex; justify-content: space-between; align-items: center; }
.legal__brand { display: inline-flex; align-items: center; gap: 9px; font-family: var(--font-head); font-size: 19px; color: var(--color-ink); text-decoration: none; }
.legal__mark { width: 30px; height: 30px; border-radius: 8px; }
.legal__back { font-size: 13.5px; color: var(--color-muted); }
.legal__card { max-width: 760px; margin: 14px auto 30px; background: var(--color-surface); border: 1px solid var(--color-line); border-radius: 16px; padding: 36px 40px; }
.legal__card h1 { font-family: var(--font-head); font-size: 26px; margin: 0 0 4px; }
.legal__card h2 { font-family: var(--font-head); font-size: 17px; margin: 26px 0 8px; }
.legal__eyebrow { font-size: 13.5px; color: var(--color-muted); margin: 0 0 18px; }
.legal__card p, .legal__card li { font-size: 14.5px; line-height: 1.65; color: var(--color-ink); }
.legal__card ul { padding-left: 20px; }
.legal__card dt { font-weight: 700; font-size: 13.5px; margin-top: 10px; }
.legal__card dd { margin: 2px 0 0; font-size: 14.5px; }
.legal__ph { color: var(--color-muted-2); font-style: italic; }
.legal__callout { border-radius: 12px; padding: 14px 16px; margin: 18px 0; font-size: 14px; line-height: 1.6; }
.legal__callout--warn { background: var(--status-review-bg); color: var(--status-review-fg); }
.legal__callout--calm { background: var(--status-valid-bg); color: var(--color-ink); }
.legal__footer { max-width: 760px; margin: 0 auto; padding: 0 20px 34px; font-size: 13px; color: var(--color-muted); display: flex; gap: 6px; flex-wrap: wrap; }
.legal__footer a { color: var(--color-muted); }
.legal__copy { margin-left: auto; }
@media (max-width: 640px) { .legal__card { padding: 24px 18px; margin: 10px 12px 20px; } }