/* Helfen statt Blockieren, Leitartikel und Einstieg „Wissen in sieben Schritten“ (Redaktionslauf v9, 3. November 2026).
   Ergänzt site.css und redaktion.css; nutzt deren Variablen und Schriften. Kein Skript nötig.
   Akteursfarben wie wirtschaftsblockaden/blockaden.css (USA Blau, EU Orange, UN Grün, andere Gelb);
   alle Werte stehen zusätzlich als Tabelle und Legende bereit, Farbe trägt keine Information allein. */
.hsb-red [data-palette="akteure"] .ser-1{--c:#2a78d6}
.hsb-red [data-palette="akteure"] .ser-2{--c:#eb6834}
.hsb-red [data-palette="akteure"] .ser-3{--c:#1baf7a}
.hsb-red [data-palette="akteure"] .ser-4{--c:#b98000}

/* Verweiskasten am Ende jedes Leitartikels: wohin dieser Schritt weiterführt */
.hsb-red .leit-weiter{margin:34px 0 8px;padding:20px 22px;border-radius:var(--r-md,20px);background:#fff;box-shadow:0 0 0 1px rgba(1,41,91,.1)}
.hsb-red .leit-weiter h2{font-size:22px;margin:0 0 10px}
.hsb-red .leit-weiter ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.hsb-red .leit-weiter li{font-size:17px;line-height:1.45}
.hsb-red .leit-weiter .art{display:inline-block;min-width:7.5em;font:600 14px/1.3 var(--f-cond,system-ui);color:var(--ink-muted,#525b6b)}
.hsb-red .leit-schritt{font:600 15px/1.3 var(--f-cond,system-ui);color:var(--blue-ink,#1f4f8f);margin:0 0 6px}
.hsb-red .leit-schritt a{color:inherit}

/* Einstieg: der Weg als durchgehende Linie mit sieben Haltestellen */
.pfad-intro{max-width:68ch}
.pfad-bau{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:26px 0 8px;padding:0;list-style:none}
.pfad-bau li{background:#fff;border-radius:16px;padding:16px 18px;box-shadow:0 0 0 1px rgba(1,41,91,.08);font-size:16px;line-height:1.5}
.pfad-bau b{display:block;font:700 17px/1.3 var(--f-display,system-ui);color:var(--navy,#01295b);margin:0 0 4px}
ol.pfad{list-style:none;margin:40px 0 10px;padding:0;position:relative;counter-reset:s}
ol.pfad>li:not(:last-child)::after{content:"";position:absolute;left:23px;top:50px;bottom:0;width:4px;background:var(--navy,#01295b)}
ol.pfad>li{counter-increment:s;position:relative;padding:0 0 38px 76px}
ol.pfad>li::before{content:counter(s);position:absolute;left:0;top:0;width:50px;height:50px;border-radius:50%;background:var(--navy,#01295b);color:#fff;
  font:800 22px/50px var(--f-display,system-ui);text-align:center;box-shadow:0 0 0 6px var(--surface,#f6f9fd)}
ol.pfad>li.fall::before{background:#fff;color:var(--navy,#01295b);box-shadow:0 0 0 4px var(--blue-accent,#3b6fb6),0 0 0 10px var(--surface,#f6f9fd)}
ol.pfad h2{font-size:clamp(23px,2.6vw,30px);line-height:1.15;margin:8px 0 10px;scroll-margin-top:90px}
.pfad-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:18px 34px;align-items:start}
.pfad-grid>div>p{font-size:18px;line-height:1.6;margin:0 0 14px;max-width:62ch}
.pfad-leit{display:inline-block;max-width:34em;margin:2px 0 0;padding:12px 18px 13px;border-radius:14px;background:var(--navy,#01295b);color:#fff;
  font:700 17px/1.3 var(--f-display,system-ui);text-decoration:none}
.pfad-leit span{display:block;font:600 13px/1.2 var(--f-cond,system-ui);color:var(--blue-soft,#a9c6ec);margin:0 0 3px}
.pfad-leit:hover{background:var(--navy-mid,#0a3a78)}
.pfad-leit:focus-visible,.pfad-links a:focus-visible{outline:3px solid var(--blue-accent,#3b6fb6);outline-offset:3px}
.pfad-links{list-style:none;margin:0;padding:14px 16px;border-radius:16px;background:#fff;box-shadow:0 0 0 1px rgba(1,41,91,.08);display:grid;gap:7px}
.pfad-links li{font-size:16px;line-height:1.4}
.pfad-links .art{display:block;font:600 13px/1.2 var(--f-cond,system-ui);color:var(--ink-muted,#525b6b);margin:0 0 1px}
.pfad-links a{color:var(--blue-ink,#1f4f8f);font-weight:600}
.pfad-woche{margin:14px 0 0;font-size:16px;color:var(--ink-muted,#525b6b)}
@media (max-width:760px){
  ol.pfad>li:not(:last-child)::after{left:17px;top:38px}
  ol.pfad>li{padding-left:54px}
  ol.pfad>li::before{width:38px;height:38px;font-size:17px;line-height:38px}
  .pfad-grid{grid-template-columns:1fr}
}