/* ---- Wallbox-Kosten: page-specific ---- */
.ska-tool{--c-wb:#111214;--c-zul:#2F80C8;--c-verl:#1BA39C;--c-mont:#E07A1F;--c-zs:#8B5CC2}
.ska-tool .price-head{font-size:30px;font-weight:700;line-height:1.1;letter-spacing:-.01em;margin-top:4px}
.ska-tool .verdict.price{background:var(--soft)} .ska-tool .verdict.price .ico{background:var(--ink)}
.ska-tool .verdict.complex{background:var(--info-bg)} .ska-tool .verdict.complex .ico{background:var(--info)}
.ska-tool .verdict.price .head,.ska-tool .verdict.complex .head{font-size:15px;font-weight:500;color:var(--graphit)}

.ska-tool .meter-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.ska-tool .meter-val{font-size:30px;font-weight:700;min-width:84px}
.ska-tool .meter-val small{font-size:16px;font-weight:500;color:var(--muted);margin-left:2px}
.ska-tool input[type=range].rng{flex:1;min-width:200px;appearance:none;height:6px;border-radius:99px;background:linear-gradient(to right,var(--ink) var(--p,30%),#DCDCD8 var(--p,30%));outline:none;margin:0}
.ska-tool input[type=range].rng::-webkit-slider-thumb{appearance:none;width:24px;height:24px;border-radius:50%;background:#fff;border:2px solid var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.25);cursor:pointer}
.ska-tool input[type=range].rng::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#fff;border:2px solid var(--ink);cursor:pointer}
.ska-tool .rng-scale{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-top:6px}
.ska-tool .tiles.three{grid-template-columns:repeat(3,1fr)}
.ska-tool .tile .k{line-height:1.3}

/* range chart */
.ska-tool .rchart{margin-top:6px}
.ska-tool .raxis{position:relative;height:18px;margin-top:6px;font-size:11px;color:var(--muted)}
.ska-tool .raxis span{position:absolute;transform:translateX(-50%);white-space:nowrap}
.ska-tool .rtrack{position:relative;height:44px;border-radius:8px;background:var(--soft);overflow:hidden}
.ska-tool .rstack{position:absolute;left:0;top:0;bottom:0;display:flex}
.ska-tool .rstack div{height:100%;transition:width .35s ease;border-right:1px solid rgba(255,255,255,.8)}
.ska-tool .rstack div.maybe{background-image:repeating-linear-gradient(135deg,rgba(255,255,255,.55) 0 3px,transparent 3px 7px)}
.ska-tool .rband{position:relative;height:22px;margin-top:10px}
.ska-tool .rband .band{position:absolute;top:8px;height:6px;border-radius:99px;background:var(--red);opacity:.25;transition:.35s}
.ska-tool .rband .tick{position:absolute;top:0;width:2px;height:22px;background:var(--red);transition:left .35s}
.ska-tool .rband .lbl{position:absolute;top:-2px;font-size:12px;font-weight:600;color:var(--red);transition:left .35s;white-space:nowrap}
.ska-tool .rband-cap{font-size:12px;color:var(--muted);margin-top:2px}
.ska-tool .costs .sw{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:8px;vertical-align:0}
.ska-tool .costs div.incl b{color:var(--ok)}
.ska-tool .disc{font-size:13px;color:var(--graphit);background:var(--warn-bg);border-radius:10px;padding:10px 12px;margin-top:16px}
@media (max-width:640px){
  .ska-tool .tiles.three{grid-template-columns:1fr}
  .ska-tool .price-head{font-size:26px}
  .ska-tool .meter-val{font-size:26px}
}