/* Lab-Beitrag „Gleiche Abfrage, anderes Tempo“ (sp_BlitzPlanCompare; /wissen/sp-blitzplancompare/ und /en/knowledge/sp-blitzplancompare/, Stand 22.10.2026).
   Präfix bpc-, ergänzt site.css (nicht ändern). Logik in assets/js/bpc.js.
   Bildvokabular (Plaene/sp-BlitzPlanCompare-Artikel-Text-DE.md, Abschnitt 3): Seiten „schnell“/„langsam“, vier Ebenen-Marken
   mit fester Farbe UND Ziffer (Farbe nie allein): 1 Kontext, 2 Kompilierung, 3 Plan, 4 Laufbedingungen.
   Scrollbilder: [data-bpc-t] trägt --t (0 … 1, Standard 1 = Endzustand). Ein Element mit --a (Start) und --k (1/Dauer) bekommt
   daraus --x = clamp(0, (t − a)·k, 1). Ohne html.bpc-anim (kein JS, reduzierte Bewegung) gilt überall --t: 1. */

:root{
  --bpc-e1:#5a5f99;--bpc-e2:#006189;--bpc-e3:#0b7a6e;--bpc-e4:#b23a5a;
  --bpc-e1-h:#eef0fa;--bpc-e2-h:#e3eef6;--bpc-e3-h:#e1f2ef;--bpc-e4-h:#f9e7ec;
  --bpc-warte:repeating-linear-gradient(135deg,var(--bpc-e4) 0 6px,#f1c9d4 6px 12px);
}
[data-bpc-t]{--t:1}
.bpc-anim [data-bpc-t]{--t:0}
.bpc-p,.bpc-eb-mitte,.bpc-eb-pfeil,.bpc-eb-erg,.bpc-snap-paket,.bpc-snap-paar,.bpc-snap-erg,.bpc-vt-hist,.bpc-zs-bahn > i,
.bpc-uh-jetzt,.bpc-uh-klammer,.bpc-pw,.bpc-pw li,.bpc-pw-rueck,.bpc-zf-kanten{--x:clamp(0,calc((var(--t,1) - var(--a,0)) * var(--k,1)),1)}

.bpc-symbole{position:absolute;width:0;height:0;overflow:hidden}
.bpc-i{width:1.15em;height:1.15em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.bpc-artikel [hidden],.bpc-karte [hidden]{display:none !important}
.bpc-nur-js{display:none}
.bpc-bereit .bpc-nur-js{display:inline}
.bpc-bereit p.bpc-nur-js{display:block}
.bpc-bereit .bpc-ohne-js{display:none}

/* ---------------------------------------------------------------- Marken */
.bpc-e{--c:var(--bpc-e2);display:inline-flex;align-items:center;gap:6px;font:650 .76rem/1.2 var(--text);letter-spacing:0;text-transform:none;color:var(--c);white-space:nowrap;vertical-align:middle}
.bpc-e i{font:700 .68rem/1 var(--mono);font-style:normal;width:1.7em;height:1.7em;border-radius:50%;display:inline-grid;place-items:center;background:var(--c);color:#fff;flex:none}
.bpc-e1{--c:var(--bpc-e1)}.bpc-e2{--c:var(--bpc-e2)}.bpc-e3{--c:var(--bpc-e3)}.bpc-e4{--c:var(--bpc-e4)}
.bpc-e-mini{font-size:.68rem;gap:4px}
.bpc-e-mini i{font-size:.6rem}
.bpc-seite{display:inline-block;font:600 .7rem/1.2 var(--mono);letter-spacing:.08em;text-transform:uppercase;padding:4px 10px;border-radius:999px}
.bpc-seite-s{border:1.5px solid var(--ink-2);color:var(--ink)}
.bpc-seite-l{background:var(--navy);border:1.5px solid var(--navy);color:#fff}
.bpc-art{display:inline-block;font:500 .64rem/1.2 var(--mono);letter-spacing:.08em;text-transform:uppercase;padding:4px 9px;border-radius:999px;border:1px solid #9fb8ca;color:var(--ink-2);background:#fff;white-space:nowrap}
.bpc-art-lab{background:var(--navy);border-color:var(--navy);color:#fff}

/* ---------------------------------------------------------------- Hero */
.bpc-hero{padding-bottom:84px}
.bpc-hero h1{max-width:10.5em}
.bpc-hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:52px;align-items:center}
.bpc-hero .lead b{color:#fff;font-weight:650}
.bpc-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.bpc-pill{display:inline-flex;gap:8px;align-items:center;font-family:var(--mono);font-size:.78rem;padding:6px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.22);color:#d4e6f3;text-decoration:none;background:rgba(255,255,255,.04)}
.bpc-pill b{font-weight:500;color:#7fa3bd;text-transform:uppercase;letter-spacing:.08em;font-size:.68rem}
a.bpc-pill:hover{border-color:var(--orange);color:#fff}
@media (max-width:1000px){.bpc-hero-grid{grid-template-columns:minmax(0,1fr);gap:34px}.bpc-karte{max-width:560px}}

/* Bild 0: Ergebnisliste in der Hero-Karte */
.bpc-karte{position:relative;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);border-radius:var(--radius);padding:22px 22px 16px;color:#d4e6f3}
.bpc-karte-kopf{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.bpc-karte-k{font-family:var(--display);font-weight:600;font-size:1.3rem;line-height:1.15;color:#fff;margin:0}
.bpc-karte-nr{display:block;font:500 .68rem var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#9ccbea;margin-bottom:4px}
.bpc-karte .bpc-art{background:transparent;color:#c3d6e4;border-color:rgba(255,255,255,.3)}
.bpc-karte-sub{font-size:.82rem;line-height:1.45;color:#9fb7c8;margin:8px 0 14px}
.bpc-liste{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.bpc-z{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr);grid-template-areas:"p t" "p s";gap:6px 12px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);overflow:hidden}
.bpc-z-p{grid-area:p;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:var(--display);font-weight:600;font-size:1.35rem;line-height:1;color:#fff;border-right:1px solid rgba(255,255,255,.12);padding-right:10px}
.bpc-z-p small{font:500 .58rem var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#7fa3bd;margin-bottom:4px}
.bpc-z-t{grid-area:t;font-size:.86rem;line-height:1.4;color:#e4eef5}
.bpc-z-t .bpc-e{margin-right:4px}
.bpc-z-t code{font:.8em var(--mono);color:#fff;background:rgba(255,255,255,.1);border-radius:4px;padding:1px 4px}
.bpc-z-s{grid-area:s;display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.bpc-st{font:600 .64rem/1.2 var(--mono);letter-spacing:.07em;text-transform:uppercase;padding:4px 9px;border-radius:999px;white-space:nowrap}
.bpc-st-spur{border:1.5px solid #9ccbea;color:#9ccbea}
.bpc-st-probe{border:1.5px solid #f7b27a;color:#f7b27a}
.bpc-st-ja{background:var(--orange);border:1.5px solid var(--orange);color:#fff}
.bpc-st-nein{background:rgba(255,255,255,.1);border:1.5px solid transparent;color:#c3d6e4;text-decoration:line-through;text-decoration-thickness:1.5px}
.bpc-st-pf{color:#7fa3bd;font-size:.8rem}
.bpc-z-nein .bpc-z-t{color:#93aabb}
.bpc-z-nein .bpc-z-p{color:#93aabb}
.bpc-z-ja{border-color:rgba(240,125,26,.65);background:rgba(240,125,26,.12)}
.bpc-z-sweep{position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--orange);transform-origin:left center}
.bpc-karte .bpc-e1{--c:#a9ade8}.bpc-karte .bpc-e2{--c:#6fbde3}.bpc-karte .bpc-e3{--c:#5ccab9}.bpc-karte .bpc-e4{--c:#f293ab}
.bpc-karte .bpc-e i{color:var(--navy)}
.bpc-karte-fuss{margin:14px 0 0;font-size:.8rem;color:#9fb7c8}
.bpc-abf{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px 8px}
.bpc-abf > span:not([aria-hidden]){display:inline-flex;align-items:center;gap:5px;font-weight:600;color:#e4eef5}
.bpc-abf-s{color:#9ccbea !important}.bpc-abf-g{color:#f7b27a !important}
.bpc-nochmal{position:absolute;right:16px;bottom:14px;font:600 .72rem var(--text);color:#9ccbea;background:transparent;border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:4px 10px;cursor:pointer}
.bpc-nochmal:hover{color:#fff;border-color:var(--orange)}
.bpc-nochmal:focus-visible{outline:2px solid var(--orange);outline-offset:2px}
@media (max-width:560px){.bpc-nochmal{position:static;margin-top:10px}}
@media (prefers-reduced-motion:no-preference){
  .bpc-lauf .bpc-z{animation:bpc-ein .55s var(--ease) both;animation-delay:calc(.12s + var(--i) * .13s)}
  .bpc-lauf .bpc-st-spur{animation:bpc-stempel .42s var(--ease) both;animation-delay:calc(.7s + var(--i) * .13s)}
  .bpc-lauf .bpc-z-nein .bpc-st-pf,.bpc-lauf .bpc-z-nein .bpc-st-nein{animation:bpc-stempel .42s var(--ease) both;animation-delay:1.55s}
  .bpc-lauf .bpc-z-nein .bpc-z-t,.bpc-lauf .bpc-z-nein .bpc-z-p{animation:bpc-dimm .6s ease both;animation-delay:1.6s}
  .bpc-lauf .bpc-z-sweep{animation:bpc-sweep .75s ease-in-out both;animation-delay:1.45s}
  .bpc-lauf .bpc-pf1,.bpc-lauf .bpc-st-probe{animation:bpc-stempel .42s var(--ease) both;animation-delay:1.7s}
  .bpc-lauf .bpc-pf2,.bpc-lauf .bpc-st-ja{animation:bpc-stempel .42s var(--ease) both;animation-delay:2.2s}
  .bpc-lauf .bpc-z-ja{animation:bpc-ein .55s var(--ease) both,bpc-ja .6s ease both;animation-delay:calc(.12s + var(--i) * .13s),2.2s}
  .bpc-lauf .bpc-abf-s{animation:bpc-ein .45s var(--ease) both;animation-delay:.8s}
  .bpc-lauf .bpc-abf-h{animation:bpc-ein .45s var(--ease) both;animation-delay:1.35s}
  .bpc-lauf .bpc-abf-g{animation:bpc-ein .45s var(--ease) both;animation-delay:1.75s}
}
@keyframes bpc-ein{from{opacity:0;transform:translateY(10px)}}
@keyframes bpc-stempel{from{opacity:0;transform:scale(1.7) rotate(-8deg)}}
@keyframes bpc-dimm{from{color:#e4eef5}}
@keyframes bpc-sweep{from{transform:scaleX(0)}}
@keyframes bpc-ja{from{border-color:rgba(255,255,255,.1);background:rgba(255,255,255,.06)}}

/* ---------------------------------------------------------------- Layout mit Inhaltsverzeichnis (wie Ratgeber) */
.bpc-haupt{padding-top:34px}
.bpc-layout{display:grid;grid-template-columns:minmax(0,820px) 250px;gap:56px;justify-content:center;align-items:start}
.bpc-layout .article{max-width:none;min-width:0}
.bpc-toc{order:2;position:sticky;top:110px;font-size:.86rem;max-height:calc(100vh - 130px);overflow:auto;scrollbar-width:thin}
.bpc-toc summary{list-style:none;cursor:pointer;font-family:var(--mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding:4px 0 12px}
.bpc-toc summary::-webkit-details-marker{display:none}
.bpc-toc .bpc-toc-aktuell{display:none}
.bpc-toc ol{list-style:none;margin:0;padding:0;border-left:2px solid var(--line)}
.bpc-toc li a{display:block;padding:6px 0 6px 16px;margin-left:-2px;border-left:2px solid transparent;color:var(--ink-2);text-decoration:none;line-height:1.35;transition:color .2s,border-color .2s}
.bpc-toc li a b{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-weight:500;font-size:.68rem;letter-spacing:.06em;color:var(--muted);text-transform:uppercase;margin-bottom:2px}
.bpc-toc li a:hover{color:var(--blue)}
.bpc-toc li a.aktiv{color:var(--ink);font-weight:600;border-left-color:var(--orange)}
.bpc-toc li a.aktiv > b{color:var(--orange)}
@media (max-width:1100px){
  .bpc-layout{grid-template-columns:minmax(0,820px);gap:0}
  .bpc-toc{position:static;order:0;top:78px;z-index:30;margin:0 0 18px;background:rgba(255,255,255,.96);backdrop-filter:blur(6px);border:1px solid var(--line);border-radius:14px;padding:4px 16px;box-shadow:0 8px 24px rgba(5,28,44,.08);max-height:none;overflow:visible}
  .bpc-toc summary{display:flex;justify-content:space-between;gap:12px;padding:10px 0}
  .bpc-toc summary::after{content:"▾";color:var(--muted)}
  .bpc-toc details[open] summary::after{content:"▴"}
  .bpc-toc .bpc-toc-aktuell{display:inline;font-family:var(--text);text-transform:none;letter-spacing:0;font-size:.86rem;color:var(--ink);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60vw}
  .bpc-toc ol{max-height:60vh;overflow:auto;margin-bottom:10px}
  .bpc-bereit .bpc-toc{position:sticky}
}

/* ---------------------------------------------------------------- Abschnitte */
.bpc-ab{padding:26px 0 10px;scroll-margin-top:100px}
.bpc-ab > h2:first-child,.bpc-ab > .eyebrow + h2{margin-top:0}
.bpc-artikel .bpc-ab > h2{font-size:clamp(1.7rem,2.8vw,2.3rem);margin-top:.2em}
.bpc-artikel h3{font-size:clamp(1.25rem,2vw,1.5rem);margin:1.4em 0 .5em}
.bpc-kicker{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font:500 .8rem/1.2 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:14px}
.bpc-kicker .bpc-e{font-size:.86rem}
.bpc-kicker .bpc-e i{font-size:.74rem}
.bpc-fall{border-top:1px solid var(--line);margin-top:22px;padding-top:34px}

/* Kurz gesagt */
.bpc-kurz-ab{padding-top:0}
.bpc-kurz-h{font-size:clamp(1.7rem,2.8vw,2.3rem)}
.bpc-kurz{list-style:none;margin:16px 0 0;padding:0;counter-reset:k;border-top:1px solid var(--line)}
.bpc-kurz li{counter-increment:k;position:relative;padding:15px 0 15px 54px;border-bottom:1px solid var(--line);color:var(--ink-2);font-size:1rem;line-height:1.55}
.bpc-kurz li::before{content:counter(k,decimal-leading-zero);position:absolute;left:0;top:17px;width:34px;padding-top:2px;border-top:2px solid var(--orange);font:.78rem var(--mono);color:var(--muted)}
.bpc-kurz li b{color:var(--ink)}
.article .bpc-merksatz{margin:14px 0 0;background:var(--navy);color:#fff;border-radius:18px;padding:20px 24px;font-family:var(--display);font-weight:600;font-size:clamp(1.15rem,1.8vw,1.45rem);line-height:1.3}
.bpc-merksatz-k{display:block;font:500 .72rem var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#f7b27a;margin-bottom:6px}
@media (max-width:640px){.bpc-kurz li{padding-left:44px}.bpc-kurz li::before{width:28px}}

/* Fehlannahmen */
.bpc-irrtum{list-style:none;margin:16px 0 18px;padding:0;display:grid;gap:10px;counter-reset:f}
.bpc-irrtum li{counter-increment:f;display:grid;grid-template-columns:34px minmax(0,1fr);gap:4px 14px;align-items:start;border:1px solid var(--line);border-radius:14px;padding:14px 16px;background:#fff}
.bpc-irrtum li::before{content:counter(f);grid-row:span 2;width:34px;height:34px;border-radius:10px;background:var(--orange-100);color:#9a3412;font:700 .85rem var(--mono);display:grid;place-items:center}
.bpc-irrtum p{margin:0}
.bpc-irrtum i{font-style:normal;font-weight:650;color:var(--ink)}
.bpc-irrtum a{font:500 .74rem var(--mono);text-decoration:none;letter-spacing:.02em}
.bpc-irrtum a:hover{text-decoration:underline}

/* Ebenen-Liste */
.bpc-ebenen-liste{list-style:none;margin:14px 0 18px;padding:0;display:grid;gap:8px}
.bpc-ebenen-liste li{color:var(--ink-2);padding:10px 14px 11px;border-left:4px solid var(--c);background:var(--h);border-radius:0 12px 12px 0}
.bpc-ebenen-liste li:nth-child(1){--c:var(--bpc-e1);--h:var(--bpc-e1-h)}.bpc-ebenen-liste li:nth-child(2){--c:var(--bpc-e2);--h:var(--bpc-e2-h)}
.bpc-ebenen-liste li:nth-child(3){--c:var(--bpc-e3);--h:var(--bpc-e3-h)}.bpc-ebenen-liste li:nth-child(4){--c:var(--bpc-e4);--h:var(--bpc-e4-h)}
.bpc-ebenen-liste li .bpc-e{display:flex;width:max-content;margin-bottom:4px;font-size:.84rem}

/* Experiment-Teile */
.bpc-xl{display:inline-block;font:600 .64rem/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase;padding:3px 9px;border-radius:999px;margin-right:6px;vertical-align:.12em;background:#eef2f5;color:var(--ink-2);border:1.5px solid transparent;white-space:nowrap}
.bpc-xl[data-x="erwartung"]{background:#fff;border:1.5px dashed #8193a1;color:var(--ink-2)}
.bpc-xl[data-x="aenderung"]{background:#fff;border-color:var(--ink-2);color:var(--ink)}
.bpc-xl[data-x="beobachtung"]{background:var(--navy);color:#fff}
.bpc-xl[data-x="werkzeug"]{background:var(--navy-2);color:#9ccbea}
.bpc-xl[data-x="folgerung"]{background:var(--orange-100);color:#9a3412}

/* Tabellen */
.bpc-tw{overflow-x:auto;margin:8px 0 22px;-webkit-overflow-scrolling:touch}
.bpc-table{font-size:.92rem}
.bpc-table td,.bpc-table th{padding:11px 12px}
.bpc-table td.n,.bpc-table th.n{text-align:right;font-variant-numeric:tabular-nums}
.bpc-table td.n{white-space:nowrap}
.bpc-table .bpc-zeile-max td{background:#fff8f1}
.bpc-table .bpc-zeile-max td:first-child{box-shadow:inset 4px 0 0 var(--orange)}
.bpc-table-uhren td:first-child{width:40%}
@media (max-width:560px){.bpc-table{font-size:.84rem}.bpc-table td,.bpc-table th{padding:9px 8px}}

/* SQL */
.bpc-console{margin:20px 0 26px;box-shadow:0 22px 50px rgba(5,28,44,.22)}
.bpc-console pre{min-height:0;padding:18px 20px 20px;font-size:.84rem}
.bpc-console code{font:inherit;background:none;border:0;padding:0;color:inherit}
.bpc-console .console-bar span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
@media (max-width:560px){.bpc-console .console-bar em{display:none}.bpc-console .console-bar span{margin-right:auto}}
.bpc-kopieren{margin-left:12px;font:600 .72rem var(--mono);color:#cfe0ec;background:#0f2a3d;border:1px solid #23445c;border-radius:8px;padding:4px 10px;cursor:pointer}
.bpc-kopieren:hover{background:#163a53}

/* Hinweiskasten (wie der Warnkasten der Lock-Escalation-Seite) */
.bpc-warn{margin:30px 0 10px;padding:18px 22px 14px;border:2px solid #c2410c;border-left-width:8px;border-radius:14px;background:#fff3ea}
.article .bpc-warn p{color:#5b2408;margin:0 0 8px}
.article .bpc-warn .bpc-warn-t{font-weight:700;font-size:1.1rem;color:#9a3412;margin-bottom:10px}
.bpc-warn-t span{font-size:1.15em;margin-right:4px}
.bpc-warn ul{margin:0 0 4px;padding-left:1.15em;color:#5b2408;font-size:.96rem}
.bpc-warn li{margin:5px 0}
.article .bpc-warn code{background:rgba(194,65,12,.1);border-color:rgba(194,65,12,.25)}

/* ---------------------------------------------------------------- Bildrahmen */
.bpc-fig{margin:30px 0 28px;padding:22px 22px 16px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;scroll-margin-top:100px}
.bpc-fig-kopf{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px}
.bpc-fig-nr{font:500 .7rem var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--blue);margin-right:2px}
.article .bpc-fig-titel{font-family:var(--display);font-weight:600;font-size:clamp(1.18rem,1.8vw,1.42rem);line-height:1.2;color:var(--ink);margin:4px 0 0}
.article .bpc-fig-unter{font-size:.9rem;color:var(--muted);margin:4px 0 0}
.bpc-fig figcaption{font-size:.84rem;color:var(--muted);margin-top:14px;line-height:1.5}
.bpc-wahl{display:inline-flex;flex-wrap:wrap;gap:4px;padding:4px;border-radius:999px;background:var(--blue-50);border:1px solid var(--line);margin:12px 0 2px}
.bpc-wahl button{font:600 .84rem var(--text);padding:8px 15px;border-radius:999px;border:0;background:transparent;color:var(--ink-2);cursor:pointer}
.bpc-wahl button:hover{color:var(--ink)}
.bpc-wahl button[aria-pressed="true"]{background:var(--navy);color:#fff}
.bpc-wahl button:focus-visible,.bpc-eb-q:focus-visible,.bpc-bk-dreh:focus-visible,.bpc-mx-zelle:focus-visible{outline:2px solid var(--orange);outline-offset:2px}
.bpc-knoepfe{display:flex;flex-wrap:wrap;gap:8px}
.bpc-ticks{position:relative;height:34px;margin:0 9px}
.bpc-ticks span{position:absolute;left:calc(var(--p) * 100%);transform:translateX(-50%);font:.72rem/1.3 var(--mono);color:var(--muted);white-space:nowrap;text-align:center;top:2px}
.bpc-ticks em{display:block;font-style:normal;color:var(--orange-600);font-size:.64rem}
input[type="range"].bpc-r,.bpc-lk-regler input,.bpc-re-regler input{width:100%;accent-color:var(--orange);height:28px;cursor:pointer;margin:6px 0 0}
@media (max-width:640px){
  .bpc-fig{padding:16px 12px 12px;margin-left:-8px;margin-right:-8px;border-radius:18px}
}

/* ---------------------------------------------------------------- Bild 1: vier Ebenen */
.bpc-eb{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,200px) minmax(0,1fr);column-gap:22px;row-gap:8px;margin-top:16px;
  grid-template-areas:"ka . kb" "a1 q1 b1" "a2 q2 b2" "p2a . p2b" "a3 q3 b3" "p3a . p3b" "wa . wb" "a4 q4 b4"}
.bpc-eb [data-pos="ka"]{grid-area:ka}.bpc-eb [data-pos="kb"]{grid-area:kb}
.bpc-eb [data-pos="a1"]{grid-area:a1}.bpc-eb [data-pos="q1"]{grid-area:q1;--c:var(--bpc-e1);--a:.04}.bpc-eb [data-pos="b1"]{grid-area:b1}
.bpc-eb [data-pos="a2"]{grid-area:a2}.bpc-eb [data-pos="q2"]{grid-area:q2;--c:var(--bpc-e2);--a:.16}.bpc-eb [data-pos="b2"]{grid-area:b2}
.bpc-eb [data-pos="a3"]{grid-area:a3}.bpc-eb [data-pos="q3"]{grid-area:q3;--c:var(--bpc-e3);--a:.4}.bpc-eb [data-pos="b3"]{grid-area:b3}
.bpc-eb [data-pos="a4"]{grid-area:a4}.bpc-eb [data-pos="q4"]{grid-area:q4;--c:var(--bpc-e4);--a:.66}.bpc-eb [data-pos="b4"]{grid-area:b4}
.bpc-eb [data-pos="p2a"]{grid-area:p2a}.bpc-eb [data-pos="p2b"]{grid-area:p2b}.bpc-eb [data-pos="p3a"]{grid-area:p3a}.bpc-eb [data-pos="p3b"]{grid-area:p3b}
.bpc-eb [data-pos="wa"]{grid-area:wa}.bpc-eb [data-pos="wb"]{grid-area:wb}
.bpc-eb-mitte{--k:4}
.bpc-eb .bpc-eb-pfeil[data-pos^="p2"]{--a:.28;--k:5}
.bpc-eb .bpc-eb-pfeil[data-pos^="p3"]{--a:.46;--k:5}
.bpc-eb-erg{--a:.56;--k:5}
.bpc-eb-kopf{margin:0 0 2px;display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px}
.bpc-eb-kopf small{font:.72rem var(--mono);color:var(--muted)}
.bpc-eb-box{--c:var(--bpc-e2);--h:var(--bpc-e2-h);border:1.5px solid var(--c);border-left-width:5px;border-radius:12px;padding:9px 12px 10px;background:#fff;transition:background .25s}
.bpc-eb-box[data-e="1"]{--c:var(--bpc-e1);--h:var(--bpc-e1-h)}.bpc-eb-box[data-e="3"]{--c:var(--bpc-e3);--h:var(--bpc-e3-h)}.bpc-eb-box[data-e="4"]{--c:var(--bpc-e4);--h:var(--bpc-e4-h)}
.bpc-eb-box .bpc-e{font-size:.84rem}
.bpc-eb-box small{display:block;font-size:.8rem;line-height:1.4;color:var(--ink-2);margin-top:5px}
.bpc-eb-box.bpc-gewaehlt{background:var(--h)}
.bpc-eb-seit{display:block;text-align:right;font:600 .66rem/1.2 var(--mono);letter-spacing:.03em;color:var(--bpc-e4);margin:-2px 0 4px}
.bpc-eb-mitte{position:relative;display:flex;align-items:center;justify-content:center;min-height:44px}
.bpc-eb-linie{position:absolute;left:-22px;right:-22px;top:50%;height:3px;margin-top:-1.5px;background:var(--c);border-radius:2px;transform-origin:left center;transform:scaleX(var(--x))}
.bpc-eb-q{position:relative;z-index:1;font:600 .82rem/1.25 var(--text);padding:7px 12px;border-radius:999px;border:1.5px solid var(--c);background:#fff;color:var(--ink);cursor:pointer;text-align:center;max-width:100%;transition:background .2s,color .2s}
.bpc-eb-q:hover{background:color-mix(in srgb,var(--c) 10%,#fff)}
.bpc-eb-q[aria-pressed="true"]{background:var(--c);color:#fff}
.bpc-eb-pfeil{position:relative;margin:0;min-height:30px;padding-left:34px;display:flex;align-items:center;font:500 .7rem var(--mono);color:var(--muted)}
.bpc-eb-pfeil::before{content:"";position:absolute;left:21px;top:-6px;bottom:2px;width:2.5px;background:var(--ink-2);transform-origin:top;transform:scaleY(var(--x))}
.bpc-eb-pfeil::after{content:"";position:absolute;left:16.5px;bottom:-4px;border:6px solid transparent;border-top:8px solid var(--ink-2);opacity:var(--x)}
.bpc-eb-pfeil span{opacity:var(--x)}
.bpc-eb-erg{display:flex;align-items:center;gap:8px;margin:2px 0 4px;opacity:var(--x)}
.bpc-eb-arbeit,.bpc-eb-dauer{font:600 .76rem/1 var(--mono);letter-spacing:.04em;text-transform:uppercase;padding:8px 12px;border-radius:10px}
.bpc-eb-arbeit{background:#eef2f5;border:1.5px solid var(--ink-2);color:var(--ink)}
.bpc-eb-dauer{background:var(--navy);color:#fff;margin-left:auto}
.bpc-eb-ep{flex:1;height:2.5px;background:var(--ink-2);position:relative;font-size:0}
.bpc-eb-ep::after{content:"";position:absolute;right:-2px;top:-5px;border:6px solid transparent;border-left:8px solid var(--ink-2)}
.bpc-eb-detail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}
.bpc-eb-js .bpc-eb-detail{grid-template-columns:minmax(0,1fr)}
.bpc-eb-d{--c:var(--bpc-e2);--h:var(--bpc-e2-h);background:var(--h);border-left:4px solid var(--c);border-radius:0 12px 12px 0;padding:12px 16px}
.bpc-eb-d[data-e="1"]{--c:var(--bpc-e1);--h:var(--bpc-e1-h)}.bpc-eb-d[data-e="3"]{--c:var(--bpc-e3);--h:var(--bpc-e3-h)}.bpc-eb-d[data-e="4"]{--c:var(--bpc-e4);--h:var(--bpc-e4-h)}
.article .bpc-eb-d p{margin:0 0 6px;font-size:.9rem;line-height:1.5}
.article .bpc-eb-d .bpc-eb-d-t{font-weight:650;color:var(--ink);display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.article .bpc-eb-d .bpc-eb-d-l{margin:0;font:500 .78rem/1.5 var(--mono)}
@media (max-width:700px){
  .bpc-eb{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:10px;row-gap:6px;
    grid-template-areas:"ka kb" "q1 q1" "a1 b1" "q2 q2" "a2 b2" "p2a p2b" "q3 q3" "a3 b3" "p3a p3b" "wa wb" "q4 q4" "a4 b4"}
  .bpc-eb-linie{left:0;right:0}
  .bpc-eb-mitte{margin-top:8px;min-height:38px}
  .bpc-eb-box{padding:8px 9px 9px;border-left-width:4px}
  .bpc-eb-box .bpc-e{font-size:.74rem;white-space:normal}
  .bpc-eb-box small{font-size:.74rem}
  .bpc-eb-arbeit,.bpc-eb-dauer{font-size:.64rem;padding:7px 8px}
  .bpc-eb-detail{grid-template-columns:minmax(0,1fr)}
}

/* ---------------------------------------------------------------- Bild 2: Snapshot reist */
.bpc-snap{display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,240px) minmax(0,1fr);grid-template-areas:"t w p" "t warn p";column-gap:14px;row-gap:6px;margin-top:14px}
.bpc-snap-p{grid-area:p}.bpc-snap-t{grid-area:t}.bpc-snap-weg{grid-area:w}.bpc-snap-warn{grid-area:warn}
.bpc-snap-inst{border:1px solid var(--line);border-radius:14px;padding:14px;background:var(--blue-50)}
.article .bpc-snap-k{margin:0 0 10px;font-weight:650;color:var(--ink);font-size:.9rem;display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px}
.article .bpc-snap-s{margin:0 0 6px;font-size:.86rem;line-height:1.45}
.bpc-snap-s b{display:block;font:500 .66rem var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.bpc-snap-weg{position:relative;min-height:140px}
.bpc-snap-bahn{position:absolute;left:0;right:0;top:50%;border-top:2.5px dashed #8fa9bd}
.bpc-snap-paket{--a:.04;--k:1.55;--pw:152px;position:absolute;top:50%;width:var(--pw);left:calc((1 - var(--x)) * (100% - var(--pw)));transform:translateY(-50%);background:#fff;border:2px solid var(--orange);border-radius:12px;padding:8px 10px 8px 46px;box-shadow:0 10px 24px rgba(240,125,26,.18);line-height:1.2}
.bpc-snap-paket b{display:block;font-size:.86rem;color:var(--ink)}
.bpc-snap-paket small{display:block;font:.66rem var(--mono);color:var(--muted);margin-top:2px}
.bpc-snap-xml{position:absolute;left:8px;top:50%;transform:translateY(-50%);width:30px;height:30px;border-radius:8px;background:var(--orange-100);color:#9a3412;display:grid;place-items:center;font:700 .7rem var(--mono)}
.bpc-snap-link{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--navy);color:#fff;border-radius:12px;padding:8px 12px;text-align:center;line-height:1.2;white-space:nowrap}
.bpc-snap-link b{display:block;font-size:.86rem}
.bpc-snap-link small{display:block;font:.66rem var(--mono);color:#9ccbea;margin-top:2px}
.bpc-snap[data-weg="linked"] .bpc-snap-bahn{border-top-style:solid;border-top-color:var(--navy);border-top-width:3px}
.bpc-snap[data-weg="snapshot"] .bpc-nur-linked,.bpc-snap[data-weg="linked"] .bpc-nur-snap{display:none !important}
.article .bpc-snap-warn{margin:0;align-self:start;font-size:.78rem;line-height:1.35;color:#7c2d12;background:#fff3ea;border:1.5px solid #f0b48a;border-radius:10px;padding:7px 10px;text-align:center}
.bpc-snap-paar{--a:.6;--k:4;display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:8px 0;opacity:calc(.25 + var(--x) * .75)}
.bpc-snap-lr{background:#fff;border:1.5px solid var(--ink-2);border-radius:10px;padding:6px 8px;line-height:1.2;transform:translateX(calc((1 - var(--x)) * -10px))}
.bpc-snap-lr b{display:block;font-size:.84rem}
.bpc-snap-lr small{font:.64rem var(--mono);color:var(--muted)}
.bpc-snap-r{border:1.5px dashed var(--orange);transform:translateX(calc((1 - var(--x)) * 10px))}
.bpc-snap-erg{--a:.78;--k:4.5;display:grid;gap:6px;opacity:var(--x);transform:translateY(calc((1 - var(--x)) * 8px))}
.bpc-snap-erg span{display:block;background:var(--navy);color:#fff;border-radius:10px;padding:7px 10px;font-size:.82rem;line-height:1.25}
.bpc-snap-erg b{display:block;font:500 .62rem var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#f7b27a}
@media (max-width:700px){
  .bpc-snap{grid-template-columns:minmax(0,1fr);grid-template-areas:"p" "w" "warn" "t"}
  .bpc-snap-weg{min-height:150px}
  .bpc-snap-bahn{left:50%;right:auto;top:0;bottom:0;border-top:0;border-left:2.5px dashed #8fa9bd}
  .bpc-snap[data-weg="linked"] .bpc-snap-bahn{border-left:3px solid var(--navy)}
  .bpc-snap-paket{--ph:58px;left:50%;top:calc(var(--x) * (100% - var(--ph)));transform:translateX(-50%);height:var(--ph);width:min(220px,90%)}
}

/* ---------------------------------------------------------------- Bild 3: Lookups */
.bpc-lk-regler,.bpc-re-regler{background:var(--blue-50);border-radius:14px;padding:12px 16px 2px;margin:12px 0 14px}
.bpc-lk-regler label,.bpc-re-regler label{display:block;font-family:var(--display);font-weight:600;font-size:1.12rem;color:var(--ink)}
.bpc-lk-regler label b,.bpc-re-regler label b{color:var(--orange-600);font-variant-numeric:tabular-nums}
.bpc-lk{display:grid;grid-template-columns:78px minmax(0,1fr) minmax(0,1.15fr);grid-template-areas:"k1 k2 k3" "ix sv tb";row-gap:8px;margin-top:8px}
.article .bpc-lk-k{margin:0;font:650 .82rem/1.25 var(--text);color:var(--ink)}
.bpc-lk-k small{font:.66rem var(--mono);color:var(--muted);font-weight:400}
.bpc-lk-k1{grid-area:k1}.article .bpc-lk-k2{grid-area:k2;text-align:center;color:var(--orange-600)}.bpc-lk-k3{grid-area:k3;padding-left:10px}
.bpc-lk-index{grid-area:ix;position:relative;height:220px}
.bpc-lk-slots{display:grid;grid-template-rows:repeat(20,minmax(0,1fr));gap:2px;height:100%}
.bpc-lk-slots i,.bpc-lk-rows i{display:block;background:#dbe5ec;border-radius:2px}
.bpc-lk-treffer{position:absolute;left:-3px;right:-3px;top:-3px;height:calc(var(--s) * 100% + 6px);border:2.5px solid var(--orange);border-radius:7px;background:rgba(240,125,26,.18);overflow:hidden}
.bpc-lk-klein span{display:none}
.bpc-lk-treffer span{position:absolute;left:4px;top:3px;font:600 .58rem var(--mono);letter-spacing:.04em;text-transform:uppercase;color:#9a3412}
.bpc-lk-svg{grid-area:sv;display:block;width:100%;height:220px;overflow:visible}
.bpc-lk-svg path{fill:none;stroke:var(--orange);stroke-width:2px;vector-effect:non-scaling-stroke}
.bpc-lk-viele path{stroke-width:1.1px}
.bpc-lk-tab{grid-area:tb;position:relative;height:220px;padding:0 24px 0 0}
.bpc-lk-rows{display:grid;grid-template-rows:repeat(24,minmax(0,1fr));gap:2px;height:100%}
.bpc-lk-rows i{background:#e8eef3;border:1px solid #d3dee7}
.bpc-lk-scan{position:absolute;right:0;top:0;bottom:0;width:14px;border-radius:7px;background:var(--blue)}
.bpc-lk-scan::after{content:"Scan";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(90deg);font:600 .6rem var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#fff}
.bpc-lk-zahlen{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}
.article .bpc-lk-z{margin:0;border-radius:12px;padding:10px 14px;border:1.5px solid var(--line);line-height:1.25}
.bpc-lk-z span{display:block;font:500 .66rem var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.bpc-lk-z b{display:block;font-family:var(--display);font-weight:600;font-size:1.6rem;color:var(--ink);font-variant-numeric:tabular-nums;margin:2px 0}
.bpc-lk-z small{font-size:.8rem;color:var(--ink-2)}
.bpc-lk-z-l{border-color:var(--orange) !important;background:#fff8f1}
.bpc-lk-z-s{border-color:var(--blue) !important;background:var(--blue-50)}
.article .bpc-lk-satz{margin:12px 0 0;font-family:var(--display);font-weight:600;font-size:1.15rem;color:var(--ink);text-align:center}
@media (max-width:560px){
  .bpc-lk{grid-template-columns:58px minmax(0,1fr) minmax(0,1fr)}
  .article .bpc-lk-k{font-size:.74rem}
  .bpc-lk-index,.bpc-lk-svg,.bpc-lk-tab{height:200px}
  .bpc-lk-z b{font-size:1.3rem}
}

/* ---------------------------------------------------------------- Bild 4: Vorhersage-Matrix */
.article .bpc-mx-frage{margin:10px 0 0;font-weight:650;color:var(--ink)}
.bpc-mx{display:grid;grid-template-columns:116px minmax(0,1fr) minmax(0,1fr);gap:8px;margin-top:12px}
.bpc-mx-ecke{display:flex;flex-direction:column;justify-content:flex-end;gap:4px;font:.66rem/1.3 var(--mono);color:var(--muted);padding-bottom:6px}
.article .bpc-mx-sp,.article .bpc-mx-ze{margin:0;font-size:.78rem;line-height:1.3;color:var(--muted)}
.bpc-mx-sp b,.bpc-mx-ze b{display:block;color:var(--ink);font-size:.95rem;font-weight:650}
.bpc-mx-sp small,.bpc-mx-ze small{display:block;font-size:.72rem;margin-top:2px}
.article .bpc-mx-sp code{font-size:.92em}
.bpc-mx-sp{padding:4px 8px 8px;border-bottom:3px solid var(--line)}
.bpc-mx-ze{padding:8px 10px 0 0;border-right:3px solid var(--line);text-align:right}
.bpc-mx-zelle{position:relative;border:1.5px solid var(--line);border-radius:12px;padding:10px 10px 8px;background:#fff;min-height:132px;display:flex;flex-direction:column;gap:6px;transition:border-color .2s,background .2s}
.article .bpc-mx-wert{margin:0;line-height:1.1}
.bpc-mx-wert b{display:block;font-family:var(--display);font-weight:600;font-size:1.55rem;color:var(--ink);font-variant-numeric:tabular-nums}
.bpc-mx-wert small{font:.64rem var(--mono);color:var(--muted);letter-spacing:.04em;text-transform:uppercase}
.bpc-mx-raster{display:flex;flex-wrap:wrap;gap:2px}
.bpc-mx-raster i{display:block;width:9px;height:9px;border-radius:1.5px;background:var(--orange)}
.bpc-anim .bpc-mx-geloest .bpc-mx-raster i{animation:bpc-kasten .3s var(--ease) both}
@keyframes bpc-kasten{from{transform:scale(0);opacity:0}}
.bpc-mx-raster i.bpc-teil{background:linear-gradient(90deg,var(--orange) calc(var(--f) * 100%),#f6dcc5 0);box-shadow:inset 0 0 0 1px #f0b48a}
.bpc-mx-plan{margin-top:auto;font:.68rem var(--mono);color:var(--muted)}
.bpc-mx-max{border-color:var(--orange);background:#fff8f1}
.bpc-mx-max .bpc-mx-wert b{color:#9a3412}
.bpc-mx-tipp .bpc-mx-zelle{cursor:pointer;border-style:dashed;border-color:#9fb8ca;background:#fff}
.bpc-mx-tipp .bpc-mx-zelle:hover{border-color:var(--orange);background:#fff8f1}
.bpc-mx-tipp .bpc-mx-wert,.bpc-mx-tipp .bpc-mx-plan{visibility:hidden}
.bpc-mx-tipp .bpc-mx-raster{display:none}
.bpc-mx-tipp .bpc-mx-zelle::after{content:"?";position:absolute;inset:0;display:grid;place-items:center;font:600 2.2rem var(--display);color:#b9cad7}
.bpc-mx-gewaehlt{box-shadow:0 0 0 3px var(--navy)}
.bpc-mx-gewaehlt::before{content:"Ihr Tipp";position:absolute;right:8px;top:8px;font:600 .6rem var(--mono);letter-spacing:.06em;text-transform:uppercase;background:var(--navy);color:#fff;border-radius:999px;padding:3px 8px}
html[lang="en"] .bpc-mx-gewaehlt::before{content:"Your guess"}   /* englische Fassung, 22.10.2026 */
.bpc-mx-steuer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;margin-top:12px}
.article .bpc-mx-rueck{margin:0;flex:1 1 320px;font-size:.92rem;color:var(--ink-2)}
.article .bpc-mx-rueck:empty{display:none}
.bpc-kasten-leg{display:inline-block;vertical-align:-1px;margin-right:4px}
.bpc-kasten-leg i{display:inline-block;width:10px;height:10px;border-radius:1.5px;background:var(--orange)}
@media (max-width:560px){
  .bpc-mx{grid-template-columns:64px minmax(0,1fr) minmax(0,1fr);gap:6px}
  .bpc-mx-ecke{font-size:.56rem}
  .article .bpc-mx-sp,.article .bpc-mx-ze{font-size:.68rem}
  .bpc-mx-sp b,.bpc-mx-ze b{font-size:.8rem}
  .bpc-mx-sp small{font-size:.62rem;overflow-wrap:anywhere}
  .bpc-mx-ze{padding-right:6px}
  .bpc-mx-zelle{padding:8px 7px 6px;min-height:112px}
  .bpc-mx-gewaehlt::before{position:static;align-self:flex-start;margin-bottom:2px}   /* mobil: Badge über statt auf der Planzeile, 22.10.2026 */
  .bpc-mx-wert b{font-size:1.2rem}
  .bpc-mx-raster{gap:1.5px}
  .bpc-mx-raster i{width:6px;height:6px;border-radius:1px}
  .bpc-mx-gewaehlt::before{top:auto;bottom:6px;right:6px}
}

/* ---------------------------------------------------------------- Bild 5: Kopf und Verteilung */
.bpc-vt{display:grid;grid-template-columns:minmax(0,1fr) 74px minmax(0,1fr);gap:12px;align-items:start;margin-top:14px}
.article .bpc-vt-k{margin:0 0 8px}
.bpc-vt-kopf{margin:0 0 12px;display:grid;gap:3px;background:#f6f9fb;border:1.5px solid #c9d7e2;border-radius:10px;padding:8px 10px;font-size:.8rem}
.bpc-vt-kopf div{display:flex;justify-content:space-between;gap:10px}
.bpc-vt-kopf dt{color:var(--muted);font-family:var(--mono);font-size:.7rem;letter-spacing:.03em}
.bpc-vt-kopf dd{margin:0;font-weight:650;color:var(--ink);text-align:right}
.bpc-vt-hist{--a:.08;--k:2.2;display:flex;align-items:flex-end;gap:3px;height:120px;border-bottom:2px solid var(--ink-2);padding:0 2px}
.bpc-vt-hist i{flex:1;display:block;height:max(3px,calc(var(--h) * 100%));background:var(--blue-300);border-radius:2px 2px 0 0;transform-origin:bottom;transform:scaleY(var(--x));transition:height .5s var(--ease)}
.bpc-vt-rechts .bpc-vt-hist i{background:var(--orange)}
.article .bpc-vt-u{margin:6px 0 0;font:.72rem/1.35 var(--mono);color:var(--muted)}
.bpc-vt-u-gleich,.bpc-vt-rechts[data-vt="gleich"] .bpc-vt-u-schief{display:none}
.bpc-vt-rechts[data-vt="gleich"] .bpc-vt-u-gleich{display:inline}
.article .bpc-vt-gleich{margin:36px 0 0;display:flex;flex-direction:column;align-items:center;text-align:center;font:600 .64rem/1.2 var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.bpc-vt-gleich span{font:600 2rem/1 var(--display);color:var(--ink)}
.bpc-vt-lab{margin-top:20px;border:2px solid var(--navy);border-radius:14px;padding:12px 16px 14px;background:#fff}
.article .bpc-vt-lab-k{margin:0 0 10px;display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-weight:650;color:var(--ink);font-size:.9rem}
.bpc-vt-lab-schritte{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.bpc-vt-lab-schritte li{position:relative;font-size:.84rem;line-height:1.4;color:var(--ink-2)}
.bpc-vt-lab-schritte li b{display:block;color:var(--ink);font-family:var(--display);font-weight:600;font-size:1.05rem}
.bpc-vt-lab-schritte li + li::before{content:"→";position:absolute;left:-17px;top:0;color:var(--muted)}
@media (max-width:640px){
  .bpc-vt{grid-template-columns:minmax(0,1fr);gap:6px}
  .article .bpc-vt-gleich{margin:4px 0;flex-direction:row;gap:8px;justify-content:center}
  .bpc-vt-gleich span{font-size:1.4rem}
  .bpc-vt-hist{height:90px}
  .bpc-vt-lab-schritte{grid-template-columns:minmax(0,1fr);gap:8px}
  .bpc-vt-lab-schritte li + li::before{content:"↓";left:auto;right:0}
}

/* ---------------------------------------------------------------- Bild 6: Zeilenfluss */
.bpc-zf{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--g);--g:40px;margin-top:14px}
.article .bpc-zf-kopf{margin:0 0 10px;min-height:3.1em;font-size:.92rem;line-height:1.3;color:var(--ink)}
.bpc-zf-kopf small{display:block;font:.7rem var(--mono);color:var(--muted)}
.bpc-zf-ka{grid-column:1;grid-row:1}.bpc-zf-kb{grid-column:2;grid-row:1}
.bpc-zf-baeume{display:contents}
.bpc-zf-baum{position:relative;height:440px;grid-row:2}
.bpc-zf-a{grid-column:1}.bpc-zf-b{grid-column:2}
.bpc-zf-kanten{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.bpc-zf-kanten path{fill:none;stroke:#a9cbe3;vector-effect:non-scaling-stroke;stroke-linecap:round}
.bpc-zf-b .bpc-zf-kanten path{stroke:#f6c393}
.bpc-zf-punkte{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.bpc-zf-k{position:absolute;left:calc(var(--x) * 1% - 23%);top:calc(var(--y) * 1%);width:46%;height:18%;box-sizing:border-box;background:#fff;border:1.5px solid #c9d7e2;border-radius:10px;padding:5px 8px;display:flex;flex-direction:column;justify-content:center;line-height:1.2;z-index:1}
.bpc-zf-k small{font:.6rem var(--mono);color:var(--muted);letter-spacing:.04em;text-transform:uppercase}
.bpc-zf-k > b{font-size:.78rem;font-weight:650;color:var(--ink)}
.bpc-zf-ist{font-size:.74rem;color:var(--ink-2)}
.bpc-zf-ist b{font-family:var(--display);font-weight:600;font-size:1.05rem;color:var(--ink);font-variant-numeric:tabular-nums}
.bpc-zf-b .bpc-zf-ist b{color:#9a3412}
.bpc-zf-est{font:.62rem var(--mono);color:var(--muted)}
.bpc-zf-mark{border-color:var(--orange);border-width:2.5px}
.bpc-zf-rahmen{position:absolute;z-index:2;top:calc(81% - 8px);height:calc(18% + 16px);left:calc(2% - 10px);width:calc(146% + var(--g) + 20px);border:2.5px dashed var(--orange);border-radius:16px;pointer-events:none}
.bpc-zf-rahmen-t{position:absolute;z-index:2;top:81%;height:18%;left:calc(50% + 4px);width:calc(52% + var(--g) - 12px);display:flex;flex-direction:column;justify-content:center;font:.72rem/1.3 var(--text);color:#7c2d12;padding:0 4px}
.bpc-zf-rahmen-t b{font-weight:700;color:#9a3412}
.bpc-zf-kanten{--a:0;--k:2.5;opacity:calc(.15 + var(--x) * .85)}
.bpc-zf-hinweis-m{display:none}
@media (max-width:700px){
  .bpc-zf{grid-template-columns:minmax(0,1fr)}
  .bpc-zf-ka{grid-row:1}.bpc-zf-a{grid-row:2;grid-column:1}.bpc-zf-kb{grid-row:3;grid-column:1;margin-top:34px}.bpc-zf-b{grid-row:4;grid-column:1}
  .bpc-zf-baum{height:500px}
  .bpc-zf-rahmen,.bpc-zf-rahmen-t{display:none}
  .bpc-zf-mark{box-shadow:0 0 0 4px rgba(240,125,26,.2)}
  .article .bpc-zf-hinweis-m{display:block;margin:12px 0 0;font-size:.8rem;color:#7c2d12;background:#fff3ea;border-radius:10px;padding:8px 10px}
  .bpc-zf-k{padding:4px 6px}
  .bpc-zf-k > b{font-size:.72rem}
}

/* ---------------------------------------------------------------- Bild 7: Ein Plan, zwei Läufe */
.article .bpc-zs-plan{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin:12px 0 16px;font-size:.86rem}
.bpc-zs-plan-k{font:500 .66rem var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);flex-basis:100%}
.bpc-zs-op{font:600 .78rem var(--mono);background:var(--navy);color:#fff;border-radius:8px;padding:6px 10px}
.bpc-zs{position:relative;--off:94px}
.bpc-zs-lauf{margin-bottom:16px}
.article .bpc-zs-name{margin:0 0 6px;font-size:.84rem;color:var(--ink-2)}
.bpc-zs-name b{color:var(--ink);margin-right:6px}
.bpc-zs-spur{display:grid;grid-template-columns:84px minmax(0,1fr);align-items:center;gap:10px;margin-bottom:8px}
.bpc-zs-label{font:500 .68rem var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.bpc-zs-bahn{position:relative;height:34px;background:#f2f6f9;border-radius:7px}
.bpc-zs-bahn > i{position:absolute;top:4px;bottom:4px;left:calc(var(--l) * 1%);width:calc(var(--w) * 1%);border-radius:5px;font-style:normal;transform-origin:left center;transform:scaleX(var(--x));display:flex;align-items:center;overflow:hidden}
.bpc-zs-bahn > i span{font:600 .66rem/1.15 var(--mono);color:#fff;padding:0 8px;white-space:nowrap}
.bpc-zs-arbeit{background:var(--blue)}
.bpc-zs-tx{background:#6c7c88}
.bpc-zs-warte{background:var(--bpc-warte)}
.bpc-zs-warte span{background:#fff;color:var(--bpc-e4) !important;border-radius:4px;margin-left:6px;padding:3px 6px !important}
.bpc-zs-warte code{font:inherit;background:none;border:0;padding:0;color:inherit}
.bpc-zs-bahn > i.bpc-zs-fertig{width:auto;transform:none;opacity:var(--x);background:none;font:700 .66rem var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--bpc-e3);padding-left:6px;overflow:visible}
.bpc-zs-fertig::before{content:"✓";margin-right:3px}
.bpc-zs-bahn > i.bpc-zs-marke{top:-6px;bottom:-6px;width:0;transform:none;opacity:var(--x);border-left:2.5px dashed var(--ink);border-radius:0;overflow:visible;font:600 .62rem var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--ink);align-items:flex-start}
.bpc-zs-marke{padding-left:5px;padding-top:0}
.article .bpc-zs-achse{margin:2px 0 0 var(--off);display:flex;justify-content:space-between;font:.66rem var(--mono);color:var(--muted);border-top:1.5px solid #9fb8ca;padding-top:4px}
.bpc-zs-kopf{position:absolute;top:22px;bottom:22px;left:calc(var(--off) + (100% - var(--off)) * var(--t));width:0;border-left:2px solid var(--orange);opacity:calc((1 - var(--t)) * 6);pointer-events:none}
@media (max-width:640px){
  .bpc-zs{--off:0px}
  .bpc-zs-spur{grid-template-columns:minmax(0,1fr);gap:3px}
  .bpc-zs-bahn{height:40px}
  .bpc-zs-bahn > i span{white-space:normal;font-size:.6rem}
  .bpc-zs-op{font-size:.7rem}
}

/* ---------------------------------------------------------------- Bild 8: Befundkarten */
.bpc-bk{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
.bpc-bk-karte{display:flex;flex-direction:column;perspective:1300px;margin:0}
.bpc-bk-innen{display:grid;flex:1;transform-style:preserve-3d;transition:transform .6s var(--ease)}
.bpc-bk-vorn,.bpc-bk-hinten{grid-area:1 / 1;border-radius:14px;padding:16px 16px 14px;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.bpc-bk-vorn{background:#fff;border:1.5px solid #c9d7e2;box-shadow:0 10px 24px rgba(5,28,44,.06)}
.bpc-bk-hinten{background:var(--navy);color:#d4e6f3;transform:rotateY(180deg);display:flex;flex-direction:column;justify-content:center;padding:22px 22px 14px}
.bpc-bk-um .bpc-bk-innen{transform:rotateY(180deg)}
.bpc-bk-js .bpc-bk-karte{cursor:pointer}
.bpc-fig:not(.bpc-bk-js) .bpc-bk-innen{display:block;transform:none}
.bpc-fig:not(.bpc-bk-js) .bpc-bk-hinten{transform:none;margin-top:8px}
.article .bpc-bk-zeile{margin:0 0 10px;display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.bpc-bk-orig{margin:0 0 0 auto;font:500 .62rem var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.bpc-bk-vorn .bpc-bk-orig{display:block;margin-bottom:0}
.bpc-bk-erg{font-family:var(--mono);font-size:.74rem;line-height:1.5;color:var(--ink);background:#f3f7fa;border:1px solid var(--line);border-radius:8px;padding:9px 11px;text-align:left}
.bpc-bk-erg+.bpc-bk-erg{margin-top:8px}
.article .bpc-bk-erg p{margin:0;font-size:inherit;line-height:inherit;color:inherit;overflow-wrap:anywhere}
.article .bpc-bk-erg p+p{margin-top:3px}
.bpc-bk-erg b{font-weight:600;color:var(--muted)}
.bpc-bk-erg code{font:inherit;background:none;padding:0;color:var(--ink);overflow-wrap:anywhere}
.bpc-bk-f1{display:flex;flex-wrap:wrap;gap:2px 14px}
.bpc-bk-erg .bpc-bk-p{font-style:normal;font-weight:700;font-size:.74rem;padding:1px 7px}
.bpc-bk-erg .bpc-null{font-style:normal;color:var(--muted)}
.bpc-bk-p{font:700 .74rem var(--mono);letter-spacing:.04em;background:var(--orange);color:#fff;border-radius:6px;padding:4px 8px}
.article .bpc-bk-sagt{margin:0;font-size:.9rem;color:var(--ink);line-height:1.45}
.bpc-bk-vorn small,.bpc-bk-hinten small{display:flex;align-items:center;gap:5px;font:500 .62rem var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:2px}
.article .bpc-bk-sagt code{overflow-wrap:anywhere}
.article .bpc-bk-hinten p{margin:0 0 12px;font-size:.95rem;line-height:1.5;color:#d4e6f3}
.article .bpc-bk-hinten .bpc-bk-titel{font-family:var(--display);font-weight:600;font-size:1.25rem;color:#fff;margin-bottom:12px}
.bpc-bk-hinten small{color:#9ccbea}
.bpc-bk-hinten p:last-child small{color:#f7b27a}
.bpc-bk-dreh{margin-top:8px;align-self:flex-start;font:600 .8rem var(--text);border:1.5px solid #c9d7e2;background:#fff;color:var(--ink);border-radius:999px;padding:6px 14px;cursor:pointer}
.bpc-bk-dreh:hover{border-color:var(--orange)}
.bpc-bk-dreh[aria-pressed="true"]{background:var(--navy);border-color:var(--navy);color:#fff}
.bpc-gegenproben li{margin-bottom:8px;color:var(--ink-2)}
@media (max-width:640px){.bpc-bk{grid-template-columns:minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){.bpc-bk-innen{transition:none}}

/* ---------------------------------------------------------------- Vertiefung (Band) */
.bpc-vertiefung{position:relative;margin:44px 0 30px;padding:36px 0 26px;background:var(--blue-50);box-shadow:0 0 0 100vmax var(--blue-50);clip-path:inset(0 -100vmax)}
.article .bpc-vertiefung-label{display:inline-flex;flex-wrap:wrap;gap:10px;align-items:center;font:500 .74rem var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 10px}
.bpc-vertiefung-label span{background:var(--navy);color:#fff;padding:5px 12px;border-radius:999px}
.article .bpc-vertiefung-intro{color:var(--ink-2)}
.bpc-vertiefung-intro a{font:500 .8rem var(--mono);white-space:nowrap}
.bpc-unter{scroll-margin-top:100px}
.bpc-uhren-liste li{margin-bottom:8px;color:var(--ink-2)}

/* ---------------------------------------------------------------- Bild 9: Drei Uhren */
.bpc-uh{position:relative;margin-top:16px;--off:162px}
.bpc-uh-spur{display:grid;grid-template-columns:150px minmax(0,1fr);gap:12px;align-items:center;margin-bottom:12px}
.article .bpc-uh-name{margin:0;line-height:1.25}
.bpc-uh-name b{display:block;font-size:.86rem;color:var(--ink)}
.bpc-uh-name small{font:.66rem var(--mono);color:var(--muted)}
.bpc-uh-bahn{position:relative;height:36px;background:#f2f6f9;border-radius:7px}
.bpc-uh-bahn > i{position:absolute;top:4px;bottom:4px;left:calc(var(--l) * 1%);width:calc(var(--w) * 1%);border-radius:5px;font-style:normal;display:flex;align-items:center;overflow:hidden}
.bpc-uh-bahn > i span{font:600 .64rem/1.15 var(--mono);color:#fff;padding:0 7px;white-space:nowrap}
.bpc-uh-bahn code{font:inherit;background:none;border:0;padding:0;color:inherit}
.bpc-uh-lauf{background:var(--blue)}
.bpc-uh-iv{background:#fff;border:1.5px solid #9fb8ca}
.bpc-uh-iv s{position:absolute;left:6px;right:6px;top:8px;bottom:8px;background:repeating-linear-gradient(90deg,#3d4e5b 0 2px,transparent 2px calc(100% / var(--n)))}
.bpc-uh-waitfor{background:#8193a1}
.bpc-uh-lock{background:var(--bpc-warte);border-radius:5px 0 0 5px !important}
.bpc-uh-lock span{background:#fff;color:var(--bpc-e4) !important;border-radius:4px;margin-left:6px;padding:3px 6px !important}
.bpc-uh-sitzung .bpc-uh-bahn{margin-top:34px}
.bpc-uh-klammer{--a:.55;--k:3;position:absolute;bottom:calc(100% + 5px);left:calc(var(--l) * 1%);width:calc(var(--w) * 1%);height:12px;border:2px dashed var(--orange);border-bottom:0;border-radius:7px 7px 0 0;opacity:var(--x)}
.bpc-uh-klammer span{position:absolute;left:0;bottom:calc(100% + 3px);font:600 .66rem/1.2 var(--mono);color:#9a3412;white-space:nowrap}
.bpc-uh-jetzt{--a:.05;--k:1.6;position:absolute;top:-4px;bottom:-6px;left:calc(var(--off) + (100% - var(--off)) * (.06 + .72 * var(--x)));width:0;border-left:2.5px solid var(--navy);z-index:2;pointer-events:none}
.bpc-uh-jetzt span{position:absolute;top:-20px;left:0;transform:translateX(-50%);font:600 .62rem var(--mono);letter-spacing:.06em;text-transform:uppercase;background:var(--navy);color:#fff;border-radius:999px;padding:3px 8px;white-space:nowrap}
.bpc-uh{padding-top:22px}
@media (max-width:640px){
  .bpc-uh{--off:0px}
  .bpc-uh-spur{grid-template-columns:minmax(0,1fr);gap:4px}
  .bpc-uh-name b{display:inline;margin-right:6px}
  .bpc-uh-bahn > i span{font-size:.58rem;white-space:normal}
  .bpc-uh-klammer span{white-space:normal;width:100%}
  .bpc-uh-sitzung .bpc-uh-bahn{margin-top:40px}
}

/* ---------------------------------------------------------------- Bild 10: 25-%-Rechner */
.bpc-re-balken{margin:14px 0 8px}
.article .bpc-re-b{display:grid;grid-template-columns:20px minmax(0,1fr) 44px;align-items:center;gap:10px;margin:0 0 8px}
.bpc-re-b > span{font:700 .8rem var(--mono);color:var(--ink)}
.bpc-re-b > b{font:600 1rem var(--display);font-variant-numeric:tabular-nums;color:var(--ink)}
.bpc-re-b i{display:block;position:relative;height:22px;width:calc(var(--v) / 200 * 100%);background:#9fb8ca;border-radius:4px;transition:width .15s}
.bpc-re-b i.bpc-re-bb{background:var(--blue)}
.bpc-re-diff{position:absolute;top:0;bottom:0;right:0;width:calc(var(--d) / var(--v) * 100%);background:repeating-linear-gradient(135deg,var(--orange) 0 5px,#f9c79c 5px 10px);border-radius:0 4px 4px 0;text-decoration:none}
.bpc-re-kleiner .bpc-re-diff{right:auto;left:100%;background:repeating-linear-gradient(135deg,transparent 0 5px,#f9c79c 5px 10px);box-shadow:inset 0 0 0 2px var(--orange)}
.article .bpc-re-rechnung{margin:10px 0 10px;font-size:1rem;color:var(--ink)}
.bpc-re-rechnung b{font-family:var(--display);font-weight:600;font-size:1.2rem;font-variant-numeric:tabular-nums}
.bpc-re-urteil{display:inline-block;font:700 .72rem var(--mono);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:4px 10px;vertical-align:.1em}
.bpc-re-urteil[data-u="gemeldet"]{background:var(--orange);color:#fff}
.bpc-re-urteil[data-u="unterdrueckt"]{background:#eef2f5;color:var(--ink-2);border:1.5px dashed #8193a1}
.bpc-re-skala{position:relative;height:56px;margin:4px 0 0}
.bpc-re-zone{position:absolute;left:0;right:0;top:8px;height:14px;border-radius:7px;background:linear-gradient(90deg,#dbe5ec 0 50%,#fbd5b2 50% 100%)}
.bpc-re-grenze{position:absolute;left:50%;top:0;height:30px;border-left:2px solid var(--ink)}
.bpc-re-grenze b{position:absolute;top:32px;left:0;transform:translateX(-50%);font:600 .66rem var(--mono);white-space:nowrap}
.bpc-re-nadel{position:absolute;top:2px;left:calc(var(--q) * 100%);width:4px;height:26px;margin-left:-2px;border-radius:2px;background:var(--navy);box-shadow:0 0 0 2px #fff;transition:left .15s}
.bpc-re-s0,.bpc-re-s1{position:absolute;top:32px;font:.62rem var(--mono);color:var(--muted)}
.bpc-re-s0{left:0}.bpc-re-s1{right:0}
.bpc-re-zt1,.bpc-re-zt2{position:absolute;top:44px;font:600 .62rem var(--mono);letter-spacing:.04em;text-transform:uppercase}
.bpc-re-zt1{left:25%;transform:translateX(-50%);color:var(--muted)}.bpc-re-zt2{left:75%;transform:translateX(-50%);color:#9a3412}
.bpc-re-skala{height:62px}
.bpc-re-tab-w{margin-top:14px}
.bpc-re-tab td:first-child{width:auto}

/* ---------------------------------------------------------------- Bild 11: Prüfweg */
.bpc-pw{--a:.02;--k:1.35;list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;position:relative}
.bpc-pw::before,.bpc-pw::after{content:"";position:absolute;left:10%;right:10%;top:25px;height:3px;border-radius:2px;background:var(--line)}
.bpc-pw::after{background:var(--orange);transform-origin:left center;transform:scaleX(var(--x))}
.bpc-pw li{--a:calc(.02 + var(--i) * .16);--k:6;position:relative;z-index:1;text-align:center;font-size:.84rem;line-height:1.4;color:var(--ink-2)}
.bpc-pw-ic{position:relative;width:52px;height:52px;margin:0 auto 10px;border-radius:14px;display:grid;place-items:center;background:#c9d7e2;color:#fff;box-shadow:0 0 0 4px #fff}
.bpc-pw-ic::before{content:"";position:absolute;inset:0;border-radius:14px;background:var(--navy);opacity:var(--x)}
.bpc-pw li:nth-child(4) .bpc-pw-ic::before{background:var(--orange)}
.bpc-pw-ic .bpc-i{position:relative;width:24px;height:24px}
.bpc-pw b{display:block;font-family:var(--display);font-weight:600;font-size:1.02rem;color:var(--ink);margin-bottom:4px}
.bpc-pw b small{display:block;font:500 .62rem var(--mono);letter-spacing:.08em;color:var(--muted)}
.bpc-pw-bsp{display:block;opacity:calc(.35 + var(--x) * .65)}
.bpc-pw-bsp code{font-size:.84em;overflow-wrap:anywhere}
.bpc-pw-rueck{--a:.8;--k:5;margin:10px 0 0 calc(30% - 4px);width:calc(40% + 8px);text-align:center}
.bpc-pw-rueck svg{display:block;width:100%;height:46px;overflow:visible}
.bpc-pw-rueck-p{fill:none;stroke:var(--orange);stroke-width:2.5px;vector-effect:non-scaling-stroke;stroke-dasharray:5 5;opacity:var(--x)}
.bpc-pw-rueck-s{fill:none;stroke:var(--orange);stroke-width:2.5px;vector-effect:non-scaling-stroke;opacity:var(--x)}
.article .bpc-pw-rueck p{margin:4px 0 0;font:600 .74rem var(--mono);color:#9a3412;opacity:calc(.3 + var(--x) * .7)}
@media (max-width:700px){
  .bpc-pw{grid-template-columns:minmax(0,1fr);gap:14px}
  .bpc-pw::before,.bpc-pw::after{left:24px;right:auto;top:26px;bottom:26px;width:3px;height:auto}
  .bpc-pw::after{transform-origin:top center;transform:scaleY(var(--x))}
  .bpc-pw li{display:grid;grid-template-columns:52px minmax(0,1fr);column-gap:14px;text-align:left}
  .bpc-pw-ic{grid-row:span 2;margin:0}
  .bpc-pw-rueck{margin:12px 0 0;width:auto;text-align:left}
  .bpc-pw-rueck svg{display:none}
  .article .bpc-pw-rueck p{opacity:1;background:#fff3ea;border-radius:10px;padding:8px 10px}
}

/* ---------------------------------------------------------------- Methode, Quiz, Weiterlesen */
.bpc-auf{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:12px 0 18px;padding:2px 0}
.bpc-auf summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:10px;padding:12px 0;font-weight:650;color:var(--ink)}
.bpc-auf summary::-webkit-details-marker{display:none}
.bpc-auf summary::before{content:"+";font:600 1.2rem var(--mono);color:var(--orange);width:16px}
.bpc-auf[open] summary::before{content:"–"}
.bpc-quiz{margin-top:20px}
.bpc-quiz .eyebrow{margin-bottom:12px}
.article .bpc-quiz-lead{color:var(--ink-2)}
.bpc-related{grid-template-columns:repeat(2,minmax(0,1fr));margin:16px 0 8px}
@media (max-width:960px){.bpc-related{grid-template-columns:minmax(0,1fr)}}

/* ---------------------------------------------------------------- Druck: Endzustände */
@media print{
  .bpc-anim [data-bpc-t]{--t:1}
  .bpc-toc,.bpc-wahl,.bpc-lk-regler,.bpc-re-regler,.bpc-bk-dreh,.bpc-nochmal{display:none !important}
}