/* Dunkelmodus für ratgeber-seiten.css (Janosch 27.10.2026). Wird nur bei prefers-color-scheme: dark geladen (media am <link>), nach
   dark.css (Variablen) und den hellen Sheets. Regeln hier ohne @media-Mantel. Helles Design nicht anfassen. */

/* Kästen und Quellen */
html .rg-du{border:1px solid #1d3344;box-shadow:0 14px 34px rgba(0,0,0,.4)}
html .rg-artikel .rg-quelle,html .mf-karte .rg-quelle,html .rg-dia-fuss{color:#9fb3c4!important}
html .rg-diagramm{box-shadow:0 10px 28px rgba(0,0,0,.3)}

/* Grafiken: hellere Balken auf dunklem Grund */
html .rg-b-grund{fill:#163043}
html .rg-abw .rg-b-grund{fill:#12293a}
html .rg-ton-navy{fill:#6b9bc3}
html .rg-ton-plus{fill:#4fb28a}
html .rg-z-plus{color:#5fc29a}
html .rg-z-minus{color:#ee95b8}
html .rg-feld-a{border-top-color:#6b9bc3}

/* Mythen-Kasten */
html .rg-mythen-kurz s{color:#9fb3c4}
html .rg-mehr a{border-bottom-color:rgba(224,196,140,.5)}
html .rg-mehr a:hover{border-bottom-color:#e0c48c}
html .rg-weiter a:hover{box-shadow:0 16px 36px rgba(0,0,0,.45)}

/* Faktencheck: Beispielkarte im Einstieg */
html .mf-beispiel{background:#0e2332;color:#e8eef3;border:1px solid rgba(201,169,110,.35);
  box-shadow:16px 14px 0 -1px rgba(201,169,110,.22),0 30px 60px rgba(0,0,0,.5)}
html .mf-beispiel-k{color:#f0a3c1}
html .mf-beispiel-k2{color:#e0c48c}
html .mf-beispiel-m{color:#b6c6d3}
html .mf-beispiel-t{color:#9fb3c4}

/* Faktencheck: Filter, Karten, Urteile */
html .mf-filter{box-shadow:0 10px 12px -10px rgba(0,0,0,.5)}
html .mf-chip[aria-pressed="true"]{background:#c9a96e;border-color:#c9a96e;color:#061520}
html .mf-chip[aria-pressed="true"] span{color:#061520}
html .mf-karte{box-shadow:0 8px 24px rgba(0,0,0,.3)}
html .mf-karte:hover{box-shadow:0 18px 40px rgba(0,0,0,.45)}
html .mf-u-falsch{background:#3a1f2e;color:#f4b3cc}
html .mf-u-halb{background:#3a3220;color:#e0c48c}
html .mf-karte:has(.mf-u-falsch) .mf-strich{color:#b6c6d3}
html .mf-tipp{background:#0a1b27}

/* Erklärseite Systemisches Coaching und AVGS */
html .sy-formel{background:rgba(255,255,255,.04)}
html .sy-u-a,html .sy-fragen li{background:linear-gradient(160deg,#12303f,#0a1b27);border:1px solid rgba(201,169,110,.3);box-shadow:0 12px 30px rgba(0,0,0,.4)}
html .sy-u-b,html .sy-gg li,html .sy-zahlen li,html .sy-wer>div{background:#0e2332;border-color:#1d3344}
html .sy-u-b{border-top-color:#c9a96e}
html .sy-gg-nr{-webkit-text-stroke-color:#c9a96e;opacity:.5}
html .sy-tabelle-wrap{background:#0e2332;border-color:#1d3344}
html .sy-tabelle thead th{background:#163043;color:#e0c48c}
html .sy-tabelle th,html .sy-tabelle td{border-bottom-color:#1d3344}
html .sy-z-nr{background:#0e2332;color:#e0c48c}
html .sy-zeit-gold .sy-z-nr{background:linear-gradient(135deg,#e0c48c,#c9a96e);color:#061520}
html .sy-zahlen b,html .sy-links a,html .sy-tabelle td::before,html .sy-u-b .sy-u-k,html .sy-u-b .sy-u-q{color:#e0c48c}
html .sy-links a{border-bottom-color:rgba(224,196,140,.5)}