.zbl{--bg:#101a14;--card:#18271e;--line:#2b4234;--txt:#eef5f0;--mut:#9fb6a8;--h:#e53935;--a:#2f80ed;--x:#8a9a90;--ok:#2ec27e;--bad:#ff6b6b;--gold:#ffc53d;
  background:var(--bg);color:var(--txt);border-radius:16px;padding:22px;margin:28px 0;font-family:inherit;line-height:1.45;box-sizing:border-box;max-width:100%}
.zbl *{box-sizing:border-box}
.zbl h3{margin:0 0 4px;font-size:1.35em;color:var(--txt)}
.zbl .sub{color:var(--mut);font-size:.92em;margin:0 0 16px}
.zbl .grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.zbl .t{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px}
.zbl .t.h{border-top:3px solid var(--h)}.zbl .t.a{border-top:3px solid var(--a)}
.zbl label{display:block;font-size:.75em;color:var(--mut);margin:8px 0 3px;text-transform:uppercase;letter-spacing:.04em}
.zbl input[type=text]{width:100%;padding:9px 10px;border-radius:8px;border:1px solid var(--line);background:#0b140f;color:var(--txt);font-size:1em}
.zbl input:focus{outline:2px solid var(--gold);outline-offset:1px}
.zbl .r2{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.zbl .r5{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.zbl .sec{margin-top:12px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px}
.zbl .sec h4{margin:0;font-size:.95em}
.zbl .ck{display:flex;gap:8px;align-items:center;margin-top:10px;font-size:.88em;cursor:pointer}
.zbl .xg{display:flex;justify-content:space-around;align-items:center;margin-top:16px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px;text-align:center}
.zbl .xg .n{font-size:2em;font-weight:800;line-height:1}
.zbl .xg .l{font-size:.8em;color:var(--mut);margin-top:4px}
.zbl .bar{display:flex;height:34px;border-radius:8px;overflow:hidden;font-weight:700;font-size:.85em;margin-top:12px}
.zbl .bar div{display:flex;align-items:center;justify-content:center;white-space:nowrap;overflow:hidden;transition:width .3s}
.zbl .b1{background:var(--h)}.zbl .bx{background:var(--x);color:#111}.zbl .b2{background:var(--a)}
.zbl table{width:100%;border-collapse:collapse;margin-top:12px;font-size:.9em}
.zbl th,.zbl td{padding:8px 6px;border-bottom:1px solid var(--line);text-align:center}
.zbl th:first-child,.zbl td:first-child{text-align:left}
.zbl th{color:var(--mut);font-size:.75em;text-transform:uppercase;font-weight:600}
.zbl .pos{color:var(--ok);font-weight:700}.zbl .neg{color:var(--bad)}
.zbl .cols{display:grid;grid-template-columns:1.4fr 1fr;gap:12px;margin-top:4px}
.zbl .hm{display:grid;grid-template-columns:28px repeat(6,1fr);gap:3px;margin-top:12px;font-size:.78em}
.zbl .hm div{padding:6px 2px;text-align:center;border-radius:4px}
.zbl .hm .hd{color:var(--mut);background:none}
.zbl .err{color:var(--bad);font-size:.9em;margin-top:8px;min-height:1em}
.zbl .foot{color:var(--mut);font-size:.78em;margin-top:14px}
.zbl .foot a{color:var(--mut)}
@media(max-width:700px){.zbl .cols{grid-template-columns:1fr}.zbl .r5{grid-template-columns:repeat(3,1fr)}}
@media(max-width:520px){.zbl{padding:16px}.zbl .grid{grid-template-columns:1fr}.zbl th,.zbl td{padding:6px 3px;font-size:.86em}}

.zbl .zbl-mt4{margin-top:4px}
.zbl .xg .zbl-gold{color:var(--gold)}
.zbl .zbl-hmcap{font-size:.78em;margin:6px 0 0}
.zbl td.zbl-tnote{text-align:left;color:var(--mut);font-size:.8em}
.zbl small.zbl-star{color:var(--mut)}

/* --- Einbettung & Mobile --- */
.zbl{contain:inline-size;width:100%;min-width:0}
.zbl .grid,.zbl .r2{grid-template-columns:repeat(2,minmax(0,1fr))}
.zbl .r5{grid-template-columns:repeat(5,minmax(0,1fr))}
.zbl .cols{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}
.zbl .hm{grid-template-columns:28px repeat(6,minmax(0,1fr))}
.zbl .grid>*,.zbl .r2>*,.zbl .r5>*,.zbl .cols>*{min-width:0}
.zbl .zbl-tw{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.zbl .xg .n{font-size:clamp(1.4em,6vw,2em)}
@media(max-width:700px){.zbl .cols{grid-template-columns:minmax(0,1fr)}.zbl .r5{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:520px){.zbl .grid{grid-template-columns:minmax(0,1fr)}.zbl .bar div{font-size:.8em}}

/* --- Schutz vor Theme-Stilen (article * { color; font-family; font-weight … }) --- */
.zbl.zbl *{color:inherit;font-family:inherit;font-weight:inherit;letter-spacing:normal;text-transform:none;line-height:inherit}
.zbl.zbl{color:var(--txt);font-weight:400;letter-spacing:normal;text-transform:none}
.zbl.zbl h3,.zbl.zbl h4,.zbl.zbl b,.zbl.zbl strong,.zbl .bar div{font-weight:700}
.zbl.zbl h3,.zbl.zbl h4,.zbl.zbl td,.zbl .t,.zbl .sec,.zbl .xg,.zbl .ck{color:var(--txt)}
.zbl .sub,.zbl.zbl label,.zbl .xg .l,.zbl .hm .hd,.zbl .foot,.zbl .foot a,.zbl.zbl td.zbl-tnote,.zbl small.zbl-star{color:var(--mut)}
.zbl.zbl label,.zbl.zbl th{text-transform:uppercase;letter-spacing:.04em}
.zbl.zbl th{color:var(--mut);font-weight:600}
.zbl .xg .n{font-weight:800}
.zbl .xg .n.zbl-gold{color:var(--gold)}
.zbl .bar .b1,.zbl .bar .b2{color:#fff}
.zbl .bar .bx{color:#111}
.zbl.zbl td.pos{color:var(--ok);font-weight:700}
.zbl.zbl td.neg{color:var(--bad)}
.zbl .err{color:var(--bad)}
.zbl.zbl input{color:var(--txt);font-weight:400;text-transform:none}