/* Helfen statt Blockieren, Reihe „Menschen und Welt“ (Redaktionslauf v10, 3. November 2026).
   Ergänzt site.css, redaktion.css und leitartikel.css; nutzt deren Variablen und Schriften. Kein Skript, keine externen Dateien.
   Farbe trägt keine Information allein: jede Grafik steht auch als Tabelle im HTML. */

/* Kernaussagen oben im Artikel */
.hsb-red .mw-kern{margin:6px 0 26px;padding:18px 22px 8px;border-radius:var(--r-md,20px);background:#fff;box-shadow:0 0 0 1px rgba(1,41,91,.12);border-left:6px solid var(--navy,#01295b)}
.hsb-red .mw-kern h2{font-size:20px;margin:0 0 8px}
.hsb-red .mw-kern ol{margin:0 0 10px;padding-left:1.3em}
.hsb-red .mw-kern li{font-size:17px;line-height:1.5;margin:0 0 8px}

/* Kasten „Was die Zahlen nicht sagen“ */
.hsb-red .mw-kasten{margin:28px 0;padding:18px 22px 10px;border-radius:var(--r-md,20px);background:var(--surface,#f6f9fd);box-shadow:0 0 0 1px rgba(1,41,91,.1)}
.hsb-red .mw-kasten h2{font-size:20px;margin:0 0 8px}
.hsb-red .mw-kasten ul{margin:0 0 10px;padding-left:1.2em}
.hsb-red .mw-kasten li{font-size:16px;line-height:1.5;margin:0 0 6px}

/* Beide Seiten: Argumente nebeneinander, auf schmalen Bildschirmen untereinander */
.hsb-red .mw-seiten{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin:18px 0 24px}
.hsb-red .mw-seiten>div{background:#fff;border-radius:16px;padding:14px 18px;box-shadow:0 0 0 1px rgba(1,41,91,.08)}
.hsb-red .mw-seiten h3{font-size:17px;margin:0 0 6px}
.hsb-red .mw-seiten p{font-size:16px;line-height:1.5;margin:0 0 8px}

/* Tabellen der Kurzstudie (ohne Diagramm; charts.js liest nur figure.hsb-chart) */
.hsb-red figure.mw-tabelle{margin:22px 0 26px}
.hsb-red figure.mw-tabelle table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.45}
.hsb-red figure.mw-tabelle th,.hsb-red figure.mw-tabelle td{padding:8px 10px;border-bottom:1px solid rgba(1,41,91,.12);text-align:left;vertical-align:top}
.hsb-red figure.mw-tabelle thead th{font:600 14px/1.3 var(--f-cond,system-ui);color:var(--ink-muted,#525b6b);border-bottom:2px solid rgba(1,41,91,.25)}
.hsb-red figure.mw-tabelle td.num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.hsb-red .mw-stufe{display:inline-block;min-width:5.5em;padding:1px 8px;border-radius:999px;font:600 13px/1.6 var(--f-cond,system-ui);text-align:center}
.hsb-red .mw-stufe.s1{background:#dcefe5;color:#0e5a3a}
.hsb-red .mw-stufe.s2{background:#e3ecf8;color:#1f4f8f}
.hsb-red .mw-stufe.s3{background:#fbefd5;color:#7a5200}
.hsb-red .mw-stufe.s4{background:#f3e1e1;color:#8a2626}
.hsb-red .mw-inhalt{columns:2 260px;margin:8px 0 22px;padding-left:1.3em}
.hsb-red .mw-inhalt li{font-size:16px;line-height:1.5;break-inside:avoid}
@media (max-width:640px){
  .hsb-red figure.mw-tabelle table{font-size:14px}
  .hsb-red figure.mw-tabelle th,.hsb-red figure.mw-tabelle td{padding:6px 6px}
}