/* Voltage drop & cable size calculator (Matt, 29 Oct 2026). Builds on jobkit.css (cards, chips, inputs). */
.vd-example{display:flex;flex-direction:column;gap:4px;margin:6px 0 14px;padding:12px 14px;border:2px solid #B3261E;background:#FCE8E6;color:#7A1A14;border-radius:var(--radius)}
.vd-example strong{font:700 20px var(--font-head);letter-spacing:.04em}
.vd-example span{font-size:14px}
.vd-notice{display:flex;gap:10px;align-items:flex-start;margin:6px 0 14px;padding:10px 14px;border:1px solid #B9C6E4;border-left:4px solid var(--blue);background:#F2F5FB;color:var(--ink);border-radius:var(--radius);font-size:14px;line-height:1.45}
.vd-notice-i{flex:none;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--blue);color:#fff;font:700 13px/1 var(--font-head);margin-top:1px}
.vd-est{display:inline-block;margin-left:6px;padding:1px 6px;border-radius:3px;background:#F2F5FB;border:1px solid #B9C6E4;color:var(--blue);font:600 11px/1.5 var(--font-body,inherit);text-transform:uppercase;letter-spacing:.05em;vertical-align:middle}
.vd-calc{display:inline-block;margin-left:6px;font:400 12px var(--font-body,inherit);color:var(--muted)}
.vd-assume{margin:16px 0 8px}
.vd-assume-l{display:grid;grid-template-columns:minmax(140px,240px) 1fr;gap:6px 14px;margin:8px 0 4px;font-size:14px}
.vd-assume-l dt{font-weight:600;color:var(--ink)}.vd-assume-l dd{margin:0;color:var(--muted)}
@media (max-width:600px){.vd-assume-l{grid-template-columns:1fr;gap:2px}.vd-assume-l dd{margin-bottom:8px}}
.vd-ticks{display:flex;flex-wrap:wrap;gap:6px 18px}
.vd-limit-hint{display:block;margin:2px 0 0}
.vd-result{margin:18px 0 10px}
.vd-head{border:2px solid var(--blue);border-radius:var(--radius);background:#fff;padding:14px 16px;margin:0 0 12px}
.vd-head.fail{border-color:#B3261E}
.vd-head .vd-k{display:block;font-size:13px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}
.vd-head .vd-size{display:block;font:700 40px/1.05 var(--font-head);color:var(--blue);margin:2px 0 4px}
.vd-head.fail .vd-size{color:#B3261E;font-size:28px}
.vd-head .vd-why{margin:0;color:var(--ink-2);font-size:15px}
.vd-checks{display:grid;gap:10px;margin:0 0 12px}
.vd-check{border:1px solid var(--line);border-left:4px solid #2E7D32;border-radius:0 var(--radius) var(--radius) 0;background:#fff;padding:10px 12px}
.vd-check.bad{border-left-color:#B3261E}
.vd-check h3{margin:0 0 4px;font:700 17px var(--font-head);display:flex;justify-content:space-between;gap:8px}
.vd-check h3 b{font:700 13px var(--font);padding:2px 8px;border-radius:20px;background:#E9F5EA;color:#1E5E22;white-space:nowrap}
.vd-check.bad h3 b{background:#FCE8E6;color:#8C1D17}
.vd-check p{margin:2px 0;font-size:15px}
.vd-check .vd-sum{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13px;color:var(--ink-2)}
.vd-bar{height:10px;border-radius:6px;background:#EEF0F2;overflow:hidden;margin:6px 0 2px}
.vd-bar i{display:block;height:100%;background:#2E7D32;width:0}
.vd-bar.bad i{background:#B3261E}
.vd-acts{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 14px}
.vd-acts .btn{flex:1 1 auto}
.vd-warn{margin:0 0 10px}
.vd-tbl-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius);margin:0 0 12px}
.vd-tbl{width:100%;border-collapse:collapse;font-size:14px;background:#fff}
.vd-tbl th,.vd-tbl td{padding:7px 8px;text-align:right;border-bottom:1px solid var(--line);white-space:nowrap}
.vd-tbl th:first-child,.vd-tbl td:first-child{text-align:left}
.vd-tbl thead th{background:var(--bg-soft);font-weight:700;font-size:13px}
.vd-tbl tr.pick td{background:var(--blue-tint);font-weight:700}
.vd-tbl td.y{color:#1E5E22}
.vd-tbl td.n{color:#8C1D17}
.vd-factors{font-size:14px;color:var(--ink-2);margin:0 0 12px;padding-left:18px}
.vd-details summary{cursor:pointer;font-weight:700;margin:0 0 8px}
@media (min-width:961px){.vd-page .jk-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.vd-checks{grid-template-columns:1fr 1fr}.vd-acts .btn{flex:0 0 auto}}
@media print{.site-header,.usp-strip,.footer,.vd-form,.vd-acts,.cookie,.crumbs,.jk-hero p{display:none!important}.vd-print-in{display:block!important}}
.vd-print-in{display:none;font-size:13px;margin:0 0 10px}
.vd-page [hidden]{display:none!important}
.vd-acts .btn{font-family:var(--font)}
@media (min-width:601px) and (max-width:700px){.vd-tbl th,.vd-tbl td{padding:7px 6px}}
/* 29 Oct 2026 review fixes: limits beside the result, short disclaimer under it, bottom disclaimer (t652u), phone table stacked rows. */
.vd-limits{margin:0 0 10px;padding:10px 14px;border:1px solid #E3C77A;border-left:4px solid #B7791F;background:#FFF8E6;border-radius:var(--radius);font-size:14px}
.vd-limits-h{margin:0 0 4px;font-weight:700}
.vd-limits ul{margin:0;padding-left:18px}
.vd-guide{margin:0 0 12px;font-size:14px;color:var(--ink)}
.vd-pf-hint{display:block;margin:-2px 0 8px}
.vd-over{margin:8px 0 0}
.vd-disclaimer{margin:18px 0 10px;padding:12px 16px;border:1px solid var(--line);border-left:4px solid #B3261E;border-radius:var(--radius);background:#fff}
.vd-disclaimer h2{margin:0 0 6px;font:700 18px var(--font-head)}
.vd-disclaimer p{margin:0;font-size:14px;line-height:1.5;color:var(--ink)}
@media (max-width:600px){
  .vd-tbl-wrap{overflow:visible;border:0}
  .vd-tbl thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .vd-tbl,.vd-tbl tbody,.vd-tbl tr,.vd-tbl td{display:block;width:auto}
  .vd-tbl tr{display:grid;grid-template-columns:1fr 1fr;gap:0 12px;border:1px solid var(--line);border-radius:var(--radius);margin:0 0 8px;padding:6px 10px}
  .vd-tbl td{display:flex;justify-content:space-between;gap:8px;padding:3px 0;border-bottom:0;white-space:normal}
  .vd-tbl td:first-child{grid-column:1/-1;font-weight:700;border-bottom:1px solid var(--line);padding-bottom:4px;margin-bottom:2px}
  .vd-tbl td::before{content:attr(data-l);color:var(--muted);font-weight:400;text-align:left}
  .vd-tbl td:first-child::before{content:""}
}
/* DC mode switch (29 Oct 2026, t657u): AC mains or DC (solar PV, battery). Stacks on narrow phones. */
.vd-sys-f{margin:0 0 14px}
.vd-page .vd-sys button{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 8px;font-size:15px}
.vd-page .vd-sys button small{font-weight:400;font-size:12.5px;opacity:.85}
@media (max-width:380px){.vd-page .vd-sys{flex-direction:column}.vd-page .vd-sys button{border-right:0;border-bottom:1px solid #C9CED4}.vd-page .vd-sys button:last-child{border-bottom:0}}
.vd-assume-dc-h{margin-top:12px}