.hdg{--nv:#0A1640;--sl:#C7D2FE;--ink:#1B2130;--mute:#5E6678;--line:#E2E6EC;--paper:#F5F6FB;--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:840px;margin:28px auto;box-sizing:border-box;line-height:1.5;overflow:hidden}
.hdg *{box-sizing:border-box}
.hdg-hd{background:linear-gradient(120deg,#0A1640,#1E2F6B);color:#fff;padding:18px 22px;border-bottom:4px solid var(--sl)}
.hdg .tool-h2{display:block;font-weight:700;margin:0 0 4px;font-size:1.4rem;line-height:1.2;color:#fff}
.hdg-hd p{margin:0;font-size:.93rem;opacity:.9;max-width:660px}
.hdg-body{padding:20px 22px}
.hdg h3{font-size:1rem;margin:14px 0 8px}
.hdg label{display:block;font-size:.72rem;font-weight:600;margin-bottom:3px;color:var(--mute)}
.hdg input{width:100%;padding:8px 9px;font:inherit;font-size:.95rem;border:1.5px solid var(--line);border-radius:7px;background:#fff;color:var(--ink);font-variant-numeric:tabular-nums}
.hdg input[type=range]{padding:0;border:0;accent-color:#3B5BDB;height:26px}
.hdg input:focus-visible{outline:3px solid #A5B4FC;outline-offset:2px}
.hdg-g{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.hdg-tw{overflow-x:auto;margin-top:16px}
.hdg table{width:100%;border-collapse:collapse;font-size:.9rem;min-width:560px}
.hdg th{font-size:.7rem;color:var(--mute);text-align:left;padding:6px;border-bottom:2px solid var(--line)}
.hdg td{padding:6px;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}
.hdg tr.sel td{background:var(--paper);font-weight:600}
.hdg-say{margin-top:14px;border-left:4px solid #3B5BDB;background:var(--paper);border-radius:8px;padding:12px 14px;font-size:.93rem}
.hdg-note{font-size:.8rem;color:var(--mute);margin:0;padding:12px 22px 16px;border-top:1px solid var(--line)}
.hdg-note a{color:var(--nv)}
@media (max-width:700px){.hdg-body{padding:15px}.hdg-g{grid-template-columns:1fr}}

.hdg .hdg-slider{margin-top:12px}

/* --- Einbettung & Mobile --- */
.hdg{contain:inline-size;width:100%;min-width:0;max-width:min(840px,100%)}
.hdg-g{grid-template-columns:repeat(3,minmax(0,1fr))}
.hdg-g>*{min-width:0}
.hdg-tw{max-width:100%;-webkit-overflow-scrolling:touch}
@media (max-width:700px){.hdg-hd{padding:15px}.hdg-g{grid-template-columns:minmax(0,1fr)}.hdg-note{padding:12px 15px 14px}}

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