/* Rechtsseiten aus Markdown (tool/legal.mjs): Überschriften, Absätze, Listen, fett, Links.
   Lange Wörter („Datenschutzerklärung“) und E-Mail-Adressen brechen um – auch bei 360 px kein Querscrollen. */
.sub-legal .sub-title,
.sub-legal .sub-card { overflow-wrap: anywhere; -webkit-hyphens: auto; hyphens: auto; }
/* nur lange Wörter trennen (Chrome/Firefox; Safari trennt ohnehin zurückhaltend) */
.sub-legal .sub-card { hyphenate-limit-chars: 12 5 5; }
.sub-legal .sub-card { display: flex; flex-direction: column; gap: 12px; min-width: 0; }
.sub-legal .sub-h { margin: 20px 0 0; }
.sub-legal .sub-h:first-child { margin-top: 0; }
.sub-legal .sub-h3 { font-size: 17px; line-height: 1.3; font-weight: 800; margin: 6px 0 0; }
.sub-legal .sub-list { list-style: disc outside; padding-left: 1.25em; display: flex; flex-direction: column; gap: 6px; }
.sub-legal .sub-list li::marker { color: var(--muted); }
.sub-legal strong { font-weight: 800; color: var(--ink); }
.sub-legal .sub-card a { font-weight: 700; color: var(--ink); text-decoration: underline; text-underline-offset: 2px; }
@media (max-width: 720px) {
  .sub-legal .sub-placeholder { font-size: 17px; }
}