.f1d{--rd:#E10600;--cb:#15151E;--ink:#1B2130;--mute:#5E6678;--line:#E2E6EC;--paper:#F6F6F8;--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}
.f1d *{box-sizing:border-box}
.f1d-hd{background:var(--cb);color:#fff;padding:18px 22px;border-bottom:5px solid var(--rd)}
.f1d .tool-h2{display:block;font-weight:700;margin:0 0 4px;font-size:1.4rem;line-height:1.2;color:#fff}
.f1d-hd p{margin:0;font-size:.93rem;opacity:.9;max-width:700px}
.f1d-body{padding:20px 22px}
.f1d label{display:block;font-size:.72rem;font-weight:600;margin-bottom:3px;color:var(--mute)}
.f1d textarea,.f1d select{width:100%;padding:8px 9px;font:inherit;font-size:.9rem;border:1.5px solid var(--line);border-radius:7px;background:#fff;color:var(--ink)}
.f1d textarea{min-height:190px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.85rem}
.f1d textarea:focus-visible,.f1d select:focus-visible{outline:3px solid #F3A3A0;outline-offset:2px}
.f1d-g{display:grid;grid-template-columns:2fr 1fr;gap:14px}
.f1d-kpi{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px}
.f1d-kpi div{background:var(--paper);border-radius:10px;padding:10px 12px}
.f1d-kpi small{display:block;color:var(--mute);font-size:.72rem}
.f1d-kpi b{font-size:1.2rem;font-variant-numeric:tabular-nums}
.f1d-tw{overflow-x:auto;margin-top:14px}
.f1d table{width:100%;border-collapse:collapse;font-size:.87rem;min-width:640px}
.f1d th{font-size:.7rem;color:var(--mute);text-align:left;padding:6px;border-bottom:2px solid var(--line)}
.f1d td{padding:5px 6px;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}
.f1d tr.val td{background:#EEF7F1}
.f1d .bar{height:8px;background:var(--rd);border-radius:4px}
.f1d-say{margin-top:14px;border-left:4px solid var(--rd);background:var(--paper);border-radius:8px;padding:12px 14px;font-size:.93rem}
.f1d-err{color:var(--ko);font-size:.82rem;margin-top:6px}
.f1d-note{font-size:.8rem;color:var(--mute);margin:0;padding:12px 22px 16px;border-top:1px solid var(--line)}
.f1d-note a{color:var(--cb)}
@media (max-width:720px){.f1d-body{padding:15px}.f1d-g{grid-template-columns:1fr}.f1d-kpi{grid-template-columns:1fr}}

.f1d .f1d-hint{font-size:.82rem;color:var(--mute);margin:10px 0 0}
.f1d td.f1d-barcell{width:90px}

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

/* --- Schutz vor Theme-Stilen (article * { color; font-family; font-weight … }) --- */
.f1d.f1d *{color:inherit;font-family:inherit;font-weight:inherit;letter-spacing:normal;text-transform:none;line-height:inherit}
.f1d.f1d{color:var(--ink);font-weight:400;letter-spacing:normal;text-transform:none}
.f1d.f1d b,.f1d.f1d strong,.f1d.f1d .tool-h2{font-weight:700}
.f1d .f1d-hd,.f1d .f1d-hd p,.f1d.f1d .tool-h2{color:#fff}
.f1d .f1d-body,.f1d.f1d td,.f1d .f1d-kpi div,.f1d .f1d-say{color:var(--ink)}
.f1d.f1d label,.f1d.f1d th,.f1d .f1d-kpi small,.f1d .f1d-hint{color:var(--mute)}
.f1d.f1d label{font-weight:600}
.f1d.f1d th{font-weight:700}
.f1d .f1d-err{color:var(--ko)}
.f1d .f1d-note{color:var(--mute)}
.f1d .f1d-note a{color:var(--cb)}
.f1d.f1d textarea{font-family:ui-monospace,Menlo,Consolas,monospace;color:var(--ink);font-weight:400}
.f1d.f1d select{color:var(--ink);font-weight:400}