/* =====================================================================
   RECHTSTEXTE — Feinschliff für Impressum & Datenschutzerklärung
   =====================================================================
   Hinweis: Die Website ist bewusst cookie- und trackingfrei. Es gibt
   deshalb keinen Einwilligungs-Banner. Sollte später doch ein
   einwilligungspflichtiger Dienst (z. B. Google Analytics) eingebunden
   werden, liegt der fertige Banner unter
   _NICHT-HOCHLADEN\Reserve\ bereit.
   ===================================================================== */

.prose h3 {
  font-size: 1.06rem;
  font-weight: 650;
  color: var(--ink);
  margin: 1.6rem 0 0.5rem;
}

.prose-lead {
  font-size: 1.05rem !important;
  color: var(--muted);
  border-left: 3px solid var(--gold);
  padding-left: 1rem;
  margin-bottom: 2rem !important;
}

.prose code {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 0.9em;
  background: var(--bg-soft);
  border: 1px solid var(--sand-line);
  border-radius: 5px;
  padding: 0.1em 0.4em;
}

.prose .highlight-box {
  background: var(--bg-soft);
  border: 1px solid var(--sand-line);
  border-left: 3px solid var(--gold);
  border-radius: var(--r-sm);
  padding: 1rem 1.2rem;
}

/* Hinweiskästen ([TODO]-Markierungen) auch im Dunkelmodus lesbar */
:root[data-theme="dark"] .prose .todo {
  background: rgba(221, 164, 92, 0.12);
  border-color: rgba(221, 164, 92, 0.5);
  color: var(--ink);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .prose .todo {
    background: rgba(221, 164, 92, 0.12);
    border-color: rgba(221, 164, 92, 0.5);
    color: var(--ink);
  }
}