.gas-tool{--ink:#e6ebe7;--muted:#a1aca5;--acc:#6fb8c9;--ok:#63b88c;--amber:#d9a441;--bg:#151a16;--card:#1c231e;--line:#2f3a32;
  font-family:inherit;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:22px;max-width:820px;margin:28px auto;box-sizing:border-box;line-height:1.55}
.gas-tool *{box-sizing:border-box}
.gas-tool h3{margin:0 0 4px;font-size:1.35rem;line-height:1.25;color:var(--ink)}
.gas-tool .gas-sub{margin:0 0 16px;color:var(--muted);font-size:.93rem}
.gas-tool .gas-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px 16px}
.gas-tool label.gas-l{display:block;font-size:.85rem;color:var(--muted);margin-bottom:4px}
.gas-tool select,.gas-tool input[type=number]{width:100%;font:inherit;font-size:.97rem;padding:9px 10px;border:1px solid var(--line);border-radius:6px;background:var(--card);color:var(--ink)}
.gas-tool :focus-visible{outline:3px solid var(--amber);outline-offset:2px}
.gas-tool .gas-prog{display:flex;align-items:center;gap:10px;margin:18px 0 10px;font-size:.85rem;color:var(--muted)}
.gas-tool .gas-prog div{flex:1;height:8px;background:#2a332c;border-radius:4px;overflow:hidden}
.gas-tool .gas-prog span{display:block;height:100%;background:var(--ok);transition:width .3s ease}
.gas-tool .gas-list{display:grid;gap:8px}
.gas-tool .gas-step{display:grid;grid-template-columns:auto 1fr;gap:10px;background:var(--card);border:1px solid var(--line);border-radius:8px;padding:12px 14px;cursor:pointer}
.gas-tool .gas-step input{margin-top:4px;accent-color:var(--ok);width:18px;height:18px}
.gas-tool .gas-step b{display:block;font-size:.97rem}
.gas-tool .gas-step span{font-size:.88rem;color:var(--muted)}
.gas-tool .gas-step em{font-style:normal;font-size:.72rem;font-weight:700;color:var(--acc);letter-spacing:.02em;margin-left:6px}
.gas-tool .gas-step:has(input:checked){border-color:var(--ok)}
.gas-tool .gas-step:has(input:checked) b{text-decoration:line-through;text-decoration-color:var(--muted)}
.gas-tool .gas-done{display:none;margin-top:12px;padding:12px 14px;border-left:4px solid var(--ok);background:var(--card);border-radius:4px;font-size:.93rem}
.gas-tool .gas-done.on{display:block}
.gas-tool a{color:var(--acc)}
.gas-tool .gas-foot{margin-top:14px;font-size:.84rem;color:var(--muted)}
@media (prefers-reduced-motion:reduce){.gas-tool .gas-prog span{transition:none}}
@media (max-width:480px){.gas-tool{padding:16px}}

/* --- Einbettung & Mobile --- */
.gas-tool{contain:inline-size;width:100%;min-width:0;max-width:min(820px,100%)}
.gas-tool .gas-grid{grid-template-columns:repeat(auto-fit,minmax(min(170px,100%),1fr))}
.gas-tool .gas-grid>*,.gas-tool .gas-step>div{min-width:0}
.gas-tool select,.gas-tool input[type=number]{min-width:0;max-width:100%}