.hbm{--bl:#0B4F8A;--or:#F28C00;--ink:#1B2130;--mute:#5E6678;--line:#E2E6EC;--paper:#F4F7FB;--ok:#1E7A4C;--ko:#B23B2E;--warn:#B7791F;
font-family:"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:12px;max-width:880px;margin:28px auto;box-sizing:border-box;line-height:1.5;overflow:hidden}
.hbm *{box-sizing:border-box}
.hbm-hd{background:var(--bl);color:#fff;padding:18px 22px;border-bottom:5px solid var(--or)}
.hbm .tool-h2{display:block;font-weight:700;margin:0 0 4px;font-size:1.4rem;line-height:1.2;color:#fff}
.hbm-hd p{margin:0;font-size:.93rem;opacity:.92;max-width:700px}
.hbm-body{padding:20px 22px}
.hbm h3{font-size:1rem;margin:16px 0 8px}
.hbm label{display:block;font-size:.72rem;font-weight:600;margin-bottom:3px;color:var(--mute)}
.hbm input,.hbm select{width:100%;padding:7px 8px;font:inherit;font-size:.93rem;border:1.5px solid var(--line);border-radius:7px;background:#fff;color:var(--ink);font-variant-numeric:tabular-nums}
.hbm input:focus-visible,.hbm select:focus-visible{outline:3px solid #9DC2E8;outline-offset:2px}
.hbm-g{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.hbm-kpi{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:16px}
.hbm-kpi div{background:var(--paper);border-radius:10px;padding:10px 12px}
.hbm-kpi small{display:block;color:var(--mute);font-size:.72rem}
.hbm-kpi b{font-size:1.15rem;font-variant-numeric:tabular-nums}
.hbm-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.hbm-tw{overflow-x:auto}
.hbm table{width:100%;border-collapse:collapse;font-size:.86rem}
.hbm th{font-size:.7rem;color:var(--mute);text-align:left;padding:5px;border-bottom:2px solid var(--line)}
.hbm td{padding:4px 5px;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}
.hbm td input{padding:4px;max-width:70px}
.hbm tr.val td{background:#EEF7F1}
.hbm tr.line td{font-weight:700}
.hbm-say{margin-top:14px;border-left:4px solid var(--or);background:var(--paper);border-radius:8px;padding:12px 14px;font-size:.93rem}
.hbm-note{font-size:.8rem;color:var(--mute);margin:0;padding:12px 22px 16px;border-top:1px solid var(--line)}
.hbm-note a{color:var(--bl)}
@media (max-width:760px){.hbm-body{padding:15px}.hbm-g{grid-template-columns:1fr 1fr}.hbm-kpi{grid-template-columns:1fr 1fr}.hbm-2{grid-template-columns:1fr}}

/* --- Einbettung & Mobile --- */
.hbm{contain:inline-size;width:100%;min-width:0;max-width:min(880px,100%)}
.hbm-g{grid-template-columns:repeat(4,minmax(0,1fr))}
.hbm-kpi{grid-template-columns:repeat(5,minmax(0,1fr))}
.hbm-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.hbm-g>*,.hbm-kpi>*,.hbm-2>*{min-width:0}
.hbm-tw{max-width:100%;-webkit-overflow-scrolling:touch}
.hbm-tw table{min-width:340px}
.hbm td input{min-width:56px}
@media (max-width:760px){.hbm-hd{padding:15px}.hbm-g,.hbm-kpi{grid-template-columns:repeat(2,minmax(0,1fr))}.hbm-2{grid-template-columns:minmax(0,1fr)}.hbm-note{padding:12px 15px 14px}}

/* --- Schutz vor Theme-Stilen (article * { color; font-family; font-weight … }) --- */
.hbm.hbm *{color:inherit;font-family:inherit;font-weight:inherit;letter-spacing:normal;text-transform:none;line-height:inherit}
.hbm.hbm{color:var(--ink);font-weight:400;letter-spacing:normal;text-transform:none}
.hbm.hbm b,.hbm.hbm strong,.hbm.hbm h3,.hbm.hbm .tool-h2{font-weight:700}
.hbm .hbm-hd,.hbm .hbm-hd p,.hbm.hbm .tool-h2{color:#fff}
.hbm.hbm h3,.hbm .hbm-body,.hbm.hbm td,.hbm .hbm-kpi div,.hbm .hbm-say{color:var(--ink)}
.hbm.hbm label,.hbm.hbm th,.hbm .hbm-kpi small{color:var(--mute)}
.hbm.hbm label{font-weight:600}
.hbm.hbm th{font-weight:700}
.hbm.hbm tr.line td{font-weight:700}
.hbm .hbm-note{color:var(--mute)}
.hbm .hbm-note a{color:var(--bl)}
.hbm.hbm input,.hbm.hbm select{color:var(--ink);font-weight:400}