
/* sliders */
.ska-tool .slider{padding:12px 0;border-top:1px solid var(--line)}
.ska-tool .slider:first-of-type{border-top:0;padding-top:0}
.ska-tool .slider-top{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:8px}
.ska-tool .slider-top .lbl{font-weight:500}
.ska-tool .slider-top .val{font-weight:600;font-size:18px;white-space:nowrap}
.ska-tool .slider input[type=range]{width:100%;appearance:none;height:6px;border-radius:99px;background:linear-gradient(to right,var(--ink) var(--p,50%),#DADAD6 var(--p,50%));outline:none;margin:6px 0}
.ska-tool .slider input[type=range]::-webkit-slider-thumb{appearance:none;width:22px;height:22px;border-radius:50%;background:#fff;border:2px solid var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.2);cursor:pointer}
.ska-tool .slider input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#fff;border:2px solid var(--ink);cursor:pointer}
.ska-tool .slider .hint{margin-top:4px}
.ska-tool .seg.persons{grid-auto-columns:minmax(0,1fr)}
.ska-tool .take-rec{border:1px dashed var(--ok);background:var(--ok-bg);color:#145C33;border-radius:99px;padding:6px 12px;font-size:13px;font-weight:600;cursor:pointer;margin-top:10px}
.ska-tool .take-rec[hidden]{display:none}
.ska-tool .chart-svg{width:100%;height:auto;display:block}
.ska-tool .chart-svg text{font-family:Jost,system-ui,sans-serif}
.ska-tool .legend i.line{width:16px;height:3px;border-radius:2px;vertical-align:3px}
.ska-tool .legend i.dash{width:16px;height:0;border-top:2px dashed var(--muted);border-radius:0;vertical-align:3px}
.ska-tool .legend i.zone{background:repeating-linear-gradient(135deg,#E6E6E3 0 2px,#fff 2px 5px);border:1px solid #DADAD6}
.ska-tool .legend i.dot{border-radius:50%;background:var(--ink)}
.ska-tool .legend i.tri{width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:10px solid var(--ok);border-radius:0;background:none}
.ska-tool .cmp{margin-top:16px;border-top:1px solid var(--line);font-size:14.5px}
.ska-tool .cmp div{display:grid;grid-template-columns:1fr 84px 96px;gap:8px;padding:8px 0;border-bottom:1px solid var(--line)}
.ska-tool .cmp div span:not(:first-child){text-align:right;white-space:nowrap}
.ska-tool .cmp .h{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:600}
.ska-tool .cmp .h span:last-child{color:var(--ok)}
.ska-tool .cmp b{font-weight:600}
.ska-tool .pv-hint{margin-top:14px;font-size:14px;background:var(--info-bg);color:#1D4E82;border-radius:10px;padding:10px 12px}
.ska-tool .ex-table td:nth-child(5){font-weight:600}
@media (max-width:640px){
  .ska-tool .seg.persons{grid-auto-flow:column}
  .ska-tool .cmp div{grid-template-columns:1fr 70px 84px;font-size:13.5px}
}
