/* Helfen statt Blockieren, Rubrik Wirtschaft (Redaktionslauf v10, 3. November 2026).
   Ergänzt site.css, redaktion.css und leitartikel.css; nutzt deren Variablen und Schriften. Kein Skript nötig.
   Farben: Reihen wie redaktion.css (Blau-Stufen), dazu eine fünfte Stufe für Ländervergleiche;
   jede Grafik hat Legende und Tabelle, Farbe trägt keine Information allein. */
.hsb-red [data-palette="laender"] .ser-1{--c:#0d366b}
.hsb-red [data-palette="laender"] .ser-2{--c:#2a78d6}
.hsb-red [data-palette="laender"] .ser-3{--c:#eb6834}
.hsb-red [data-palette="laender"] .ser-4{--c:#1baf7a}
.hsb-red [data-palette="laender"] .ser-5{--c:#b98000}
.hsb-red [data-palette="laender"] .ser-6{--c:#8d98ab}

/* Kasten „Das Wichtigste“ oben und „Was die Zahlen nicht sagen“ unten */
.hsb-red .w-kern{margin:22px 0 26px;padding:18px 22px;border-radius:var(--r-md,20px);background:#eef4fc;box-shadow:inset 4px 0 0 var(--navy,#01295b)}
.hsb-red .w-kern h2,.hsb-red .w-grenzen h2{font-size:20px;margin:0 0 8px}
.hsb-red .w-kern ul,.hsb-red .w-grenzen ul{margin:0;padding-left:1.15em;display:grid;gap:7px}
.hsb-red .w-kern li,.hsb-red .w-grenzen li{font-size:17px;line-height:1.5}
.hsb-red .w-grenzen{margin:30px 0 10px;padding:18px 22px;border-radius:var(--r-md,20px);background:#fff8ec;box-shadow:inset 4px 0 0 #b98000}

/* Zwei Lesarten nebeneinander */
.hsb-red .w-seiten{margin:30px 0}
.hsb-red .w-seiten-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.hsb-red .w-seiten-grid>div{background:#fff;border-radius:16px;padding:16px 18px;box-shadow:0 0 0 1px rgba(1,41,91,.1)}
.hsb-red .w-seiten h3{font-size:18px;margin:0 0 8px}
.hsb-red .w-seiten ul{margin:0;padding-left:1.1em;display:grid;gap:8px}
.hsb-red .w-seiten li{font-size:16px;line-height:1.5}

/* Spannweiten (Inline-SVG) */
.hsb-red .w-plot svg{display:block;width:100%;height:auto}
.hsb-red .w-plot svg.narrow{display:none}
@media (max-width:560px){.hsb-red .w-plot svg.wide{display:none}.hsb-red .w-plot svg.narrow{display:block}}
.hsb-red .w-gl{stroke:#e3e8f0;stroke-width:1}
.hsb-red .w-tk{font:500 12.5px var(--f-cond,system-ui);fill:#6b7385}
.hsb-red .w-lab{font:600 14px var(--f-text,system-ui);fill:#0e1b32}
.hsb-red svg.narrow .w-lab{font-size:13px}
.hsb-red .w-q{font:500 12.5px var(--f-cond,system-ui);fill:#525b6b}
.hsb-red .w-val{font:600 13px var(--f-cond,system-ui);fill:#1f4f8f}
.hsb-red .w-span{fill:#86b6ef}
.hsb-red .w-end{fill:#1f4f8f;stroke:#fff;stroke-width:2}
.hsb-red .w-spannen g:focus{outline:none}
.hsb-red .w-spannen g:focus-visible .w-span{stroke:#0e1b32;stroke-width:2}

/* Tabellen im Lagebericht */
.hsb-red .w-tab table{width:100%;border-collapse:collapse;font-size:15px;font-variant-numeric:tabular-nums;margin:10px 0 6px}
.hsb-red .w-tab caption{text-align:left;font:700 17px/1.3 var(--f-display,system-ui);color:var(--navy,#01295b);margin:0 0 6px}
.hsb-red .w-tab th,.hsb-red .w-tab td{padding:7px 8px;border-bottom:1px solid #e3e8f0;text-align:left;vertical-align:top}
.hsb-red .w-tab thead th{color:#525b6b;font-weight:600}
.hsb-red .w-tab td.n,.hsb-red .w-tab th.n{text-align:right;white-space:nowrap}
.hsb-red .w-tabsrc{font-size:13.5px;color:#6b7385;margin:4px 0 24px}

/* Lagebericht: Inhaltsverzeichnis und Kapitelzähler */
.hsb-red .w-toc{margin:20px 0 28px;padding:16px 20px;border-radius:16px;background:#fff;box-shadow:0 0 0 1px rgba(1,41,91,.1)}
.hsb-red .w-toc h2{font-size:19px;margin:0 0 8px}
.hsb-red .w-toc ol{margin:0;padding-left:1.4em;columns:2 260px;column-gap:28px}
.hsb-red .w-toc li{font-size:16px;line-height:1.5;break-inside:avoid}
.hsb-red .w-region{margin:22px 0;padding:16px 20px;border-radius:16px;background:#fff;box-shadow:0 0 0 1px rgba(1,41,91,.08)}
.hsb-red .w-region h3{margin:0 0 6px;font-size:20px}
.hsb-red .w-region p{margin:0 0 10px}
.hsb-red .w-region .w-kz{font:600 14px/1.4 var(--f-cond,system-ui);color:#525b6b;margin:0 0 8px}
@media (max-width:560px){
  .hsb-red .w-kern,.hsb-red .w-grenzen{padding:14px 16px}
  /* Tabellen werden auf dem Telefon zu Karten: jede Zeile ein Block, jede Zelle mit ihrer Spaltenüberschrift */
  .hsb-red .w-tab table,.hsb-red .w-tab tbody,.hsb-red .w-tab tr,.hsb-red .w-tab th,.hsb-red .w-tab td{display:block;width:auto}
  .hsb-red .w-tab thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .hsb-red .w-tab caption{display:block}
  .hsb-red .w-tab tr{padding:10px 0;border-bottom:1px solid #b9c3d3}
  .hsb-red .w-tab th,.hsb-red .w-tab td{border:0;padding:2px 0;font-size:15px}
  .hsb-red .w-tab th[scope="row"]{font-weight:700;color:#01295b;margin-bottom:2px}
  .hsb-red .w-tab td::before{content:attr(data-label) ": ";font-weight:600;color:#525b6b}
}
@media print{
  .hsb-red .w-kern,.hsb-red .w-grenzen,.hsb-red .w-region,.hsb-red .w-toc{box-shadow:none;border:1px solid #b9c3d3}
  .hsb-red figure{break-inside:avoid}
}
