/* Pipe Size & Weight Chart — tool body styles (header, hero and footer come from /tools/assets/vercho-tools.css) */
.vpc{--or:#E2691A;--or-d:#C2530F;--or-l:#FDF0E6;--or-b:#F3C6AA;
  --ink:#1B1B1E;--ink2:#55535A;--mut:#8A8790;--line:#E3E0DB;--line2:#EEEBE7;--bg:#F5F4F1;
  --fl:#1C5A82;--fl-l:#F1F7FB;--ok:#1D7447;--old:#B23A2E;--yl:#E8B400;--bl:#1F6FD1;--rd:#D23B2F;
  --sans:var(--vt-sans);--mono:var(--vt-mono);
  font-family:var(--sans);color:var(--ink);background:var(--bg);font-size:15px;line-height:1.55;overflow-x:hidden;
  background-image:radial-gradient(#E8E3DC 1px,transparent 1.3px);background-size:22px 22px}
.vpc *{box-sizing:border-box}
.vpc a{color:inherit}
.vpc button{font:inherit}
.vt-btn[disabled]{opacity:.4;cursor:not-allowed}

/* layout */
.vpc .main{display:grid;grid-template-columns:260px minmax(0,1fr)}
.vpc .side{padding:20px 16px 28px;border-right:1px solid var(--line);background:#F1EFEB}
.vpc .side h6{font:500 10.5px var(--mono);letter-spacing:.22em;color:var(--or);margin:18px 0 8px;text-transform:uppercase}
.vpc .side h6:first-child{margin-top:4px}
.vpc .cats{display:flex;flex-direction:column;gap:6px}
.vpc .cat{appearance:none;text-align:left;background:#fff;border:1px solid var(--line);padding:10px 12px;cursor:pointer;color:inherit;border-radius:0}
.vpc .cat:hover{border-color:#D3CDC5}
.vpc .cat.on{border-color:var(--or);box-shadow:inset 3px 0 0 var(--or)}
.vpc .cat b{display:block;font-weight:500;font-size:15.5px;line-height:1.25}
.vpc .cat small{display:block;font:400 11px/1.45 var(--mono);color:var(--ink2);margin-top:2px}
.vpc .content{padding:22px var(--vt-pad) 36px;min-width:0}

/* search */
.vpc .search{position:relative;margin-bottom:16px}
.vpc .search input{width:100%;font:500 14px var(--mono);border:1px solid #D3CDC5;background:#fff;padding:12px 40px 12px 44px;border-radius:2px;height:46px}
.vpc .search input:focus{outline:2px solid var(--or);outline-offset:1px}
.vpc .search svg{position:absolute;left:15px;top:50%;transform:translateY(-50%);width:17px;height:17px;color:var(--mut)}
.vpc .search .clr{position:absolute;right:10px;top:50%;transform:translateY(-50%);border:none;background:none;font-size:22px;color:var(--mut);cursor:pointer;display:none}
.vpc .sres{background:#fff;border:1px solid var(--line);padding:16px 18px;margin-bottom:16px;display:none}

.vpc .ch{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin:4px 0 6px}
.vpc .ch h2{font-weight:500;font-size:clamp(19px,1.9vw,23px);margin:0}
.vpc .ch span{font:400 10.5px var(--mono);letter-spacing:.18em;color:var(--ink2);text-transform:uppercase}
.vpc .intro{color:var(--ink2);font-size:14.5px;margin:0 0 14px;max-width:1000px}
.vpc .panel{background:#fff;border:1px solid var(--line);padding:var(--vt-pad)}
.vpc .sec{display:none}.vpc .sec.on{display:block}

/* controls */
.vpc .lbl{font:500 11px var(--mono);letter-spacing:.22em;color:var(--or);text-transform:uppercase;margin:0 0 10px}
.vpc .flbl{font:500 11px var(--sans);letter-spacing:.12em;color:var(--ink2);text-transform:uppercase;margin-bottom:5px;display:block}
.vpc .pills{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}
.vpc .pill{appearance:none;font:500 11px var(--sans);letter-spacing:.14em;text-transform:uppercase;background:#fff;border:1px solid #D3CDC5;padding:8px 11px;cursor:pointer;color:var(--ink);border-radius:2px}
.vpc .pill:hover{border-color:var(--or);color:var(--or)}
.vpc .pill.on{background:var(--or-l);border-color:var(--or);color:var(--or)}
.vpc .pill.ghost{border-style:dashed;color:var(--mut)}
.vpc .frow{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,180px),1fr));gap:12px 14px;margin-bottom:18px;align-items:end}
.vpc .inp{position:relative}
.vpc .inp input,.vpc .inp select{width:100%;font:500 13.5px var(--mono);color:var(--ink);border:1px solid #D3CDC5;background:#fff;padding:8px 44px 8px 10px;border-radius:2px;height:40px;appearance:none;-webkit-appearance:none}
.vpc .inp select{padding-right:30px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23e2691a'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;cursor:pointer;text-overflow:ellipsis}
.vpc .inp input:focus,.vpc .inp select:focus{outline:2px solid var(--or);outline-offset:1px}
.vpc .inp em{position:absolute;right:10px;top:50%;transform:translateY(-50%);font:400 11.5px var(--mono);font-style:normal;color:var(--mut);pointer-events:none}
.vpc .seg{display:flex;border:1px solid #D3CDC5;background:#fff;border-radius:2px;overflow:hidden}
.vpc .seg button{flex:1;appearance:none;border:none;background:none;font:500 11px var(--sans);letter-spacing:.12em;text-transform:uppercase;padding:0 8px;height:38px;cursor:pointer;color:var(--ink2);white-space:nowrap}
.vpc .seg button+button{border-left:1px solid #D3CDC5}
.vpc .seg button.on{background:var(--or);color:#fff}
@media (max-width:640px){.vpc .inp input,.vpc .inp select,.vpc .search input{font-size:16px;height:42px}}

/* tables */
.vpc .thead{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin:4px 0 10px}
.vpc .count{font:400 11.5px var(--mono);color:var(--mut);letter-spacing:.06em}
.vpc .tw{overflow:auto;border:1px solid var(--line);max-height:74vh;-webkit-overflow-scrolling:touch;background:#fff}
.vpc table.dt{border-collapse:separate;border-spacing:0;width:100%;font-size:13px}
.vpc .dt thead th{position:sticky;top:0;z-index:3;background:#1D2027;color:#fff;font:500 12px/1.3 var(--sans);letter-spacing:.04em;padding:8px 10px 7px;text-align:center;white-space:nowrap;border-right:1px solid #33373F;vertical-align:bottom}
.vpc .dt thead th small{display:block;font:400 10.5px var(--mono);color:#B9B3AB;letter-spacing:.02em;margin-top:2px}
.vpc .dt thead tr.grp th{background:#111317;font:500 10.5px var(--mono);letter-spacing:.18em;color:#E8A77E;padding:6px;border-bottom:1px solid #33373F}
.vpc .dt thead tr.grp th.gw{color:#fff;background:#8A4418}.vpc .dt thead th.hw{background:#6B3614}
.vpc .dt thead tr.grp th.gf{color:#fff;background:#1E5374}.vpc .dt thead th.hf{background:#173F59}
.vpc .dt td{padding:7px 10px;border-bottom:1px solid var(--line2);border-right:1px solid var(--line2);white-space:nowrap;text-align:right;font:400 13px var(--mono);font-variant-numeric:tabular-nums}
.vpc .dt td.c{text-align:center}.vpc .dt td.l{text-align:left;font-family:var(--sans);font-size:13.5px}
.vpc .dt td.k{position:sticky;left:0;z-index:1;background:#fff;text-align:left;font:500 14px var(--sans);border-right:2px solid var(--line)}
.vpc .dt th.k{position:sticky;left:0;z-index:4;text-align:left}
.vpc .dt td.k.rep{color:#B8B2AA;font-weight:400}
.vpc .dt td.w{background:#FFF8F2;color:var(--or-d);font-weight:600}
.vpc .dt td.f{background:var(--fl-l);color:var(--fl);font-weight:600}
.vpc .dt td.bd{font-weight:600}
.vpc .dt td.s{font:400 13px var(--sans);color:var(--ink2);text-align:left}
.vpc .dt td.na{color:#C9C3BA;text-align:center}
.vpc .dt tr.gs td{border-top:2px solid #D6D0C7}
.vpc .dt tbody tr:hover td{background:var(--or-l)!important}
.vpc .dt td.hl{background:#FFF4CC!important;color:#7A5B00;font-weight:600}
.vpc .band{display:inline-block;width:20px;height:8px;margin-right:7px;vertical-align:middle;border-radius:1px}
.vpc .foot-note{font:400 12px/1.5 var(--mono);color:var(--mut);margin-top:10px}

/* status chips */
.vpc .st{display:inline-block;font:500 10.5px var(--mono);letter-spacing:.08em;padding:3px 7px;text-transform:uppercase;border:1px solid;white-space:nowrap}
.vpc .st.cur{color:var(--ok);border-color:#A8D5BD;background:#EFF8F3}
.vpc .st.wd{color:var(--old);border-color:#E7B4AD;background:#FCF0EE}
.vpc .st.ck{color:#8A6A00;border-color:#E6D08A;background:#FFF9E3}
.vpc .ty{display:inline-block;font:400 10px var(--mono);letter-spacing:.06em;padding:2px 6px;border:1px solid var(--line);color:var(--ink2);margin:0 4px 4px 0;text-transform:uppercase;white-space:nowrap}
.vpc .ty.d{border-color:#9FC2DB;color:var(--fl);background:var(--fl-l)}
.vpc .ty.m{border-color:var(--or-b);color:var(--or-d);background:var(--or-l)}
.vpc .ty.a{border-color:#D3CDC5;color:var(--ink2);background:#F7F6F3}
.vpc .dir td{white-space:normal;vertical-align:top;text-align:left;font:400 13.5px/1.45 var(--sans)}
.vpc .dir td.code{font:600 13px var(--mono);white-space:nowrap}

/* calculators */
.vpc .cgrid{display:grid;grid-template-columns:minmax(260px,360px) minmax(0,1fr);gap:20px}
.vpc .form{display:grid;gap:12px;align-content:start;background:#FBFAF8;border:1px solid var(--line);padding:16px}
.vpc .res{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,170px),1fr));gap:1px;background:var(--line);border:1px solid var(--line);align-content:start}
.vpc .rc{padding:12px 14px;background:#F4F2EF;min-width:0}
.vpc .rc b{display:block;font:500 10px var(--mono);letter-spacing:.14em;color:var(--mut);text-transform:uppercase}
.vpc .rc span{font:500 19px/1.3 var(--mono);color:var(--ink);font-variant-numeric:tabular-nums}
.vpc .rc em{font-style:normal;font:400 11.5px var(--sans);color:var(--mut);margin-left:4px}
.vpc .rc.h{background:#fff}.vpc .rc.h span{color:var(--or);font-size:22px}
.vpc .rg{grid-column:1/-1;font:500 10.5px var(--mono);letter-spacing:.22em;color:var(--or);text-transform:uppercase;background:#fff;padding:10px 14px 6px}
.vpc .xs{display:flex;justify-content:center;grid-column:1/-1;background:#fff;padding:10px}
.vpc .fnote{grid-column:1/-1;font-size:13px;color:var(--ink2);background:#FBFAF8;border-left:3px solid var(--or);padding:9px 13px}

/* reference blocks */
.vpc .cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:12px}
.vpc .card{border:1px solid var(--line);padding:14px 16px;background:#fff}
.vpc .card h3{margin:0 0 6px;font-weight:500;font-size:17px}
.vpc .card p{margin:4px 0;color:var(--ink2);font-size:14px}
.vpc .cmp td{white-space:normal;vertical-align:top;text-align:left;font:400 13.5px/1.5 var(--sans);min-width:220px;color:var(--ink2)}
.vpc .cmp td.k{min-width:150px;font-size:13.5px}
.vpc .faq details{border:1px solid var(--line);background:#fff;margin-bottom:8px}
.vpc .faq summary{cursor:pointer;padding:13px 16px;font-size:16px;font-weight:500;list-style:none;display:flex;justify-content:space-between;gap:10px}
.vpc .faq summary::-webkit-details-marker{display:none}
.vpc .faq summary:after{content:"+";font-family:var(--mono);color:var(--or);font-size:19px;line-height:1}
.vpc .faq details[open] summary:after{content:"\2212"}
.vpc .faq details p{margin:0;padding:0 16px 14px;color:var(--ink2);font-size:14.5px}
.vpc .subtabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:16px}

/* responsive */
@media (max-width:1100px){
  .vpc .main{grid-template-columns:minmax(0,1fr)}
  .vpc .side{border-right:none;border-bottom:1px solid var(--line);padding:12px var(--vt-pad);min-width:0;display:flex;gap:8px;overflow-x:auto;align-items:stretch}
  .vpc .side h6{display:none}
  .vpc .cats{flex-direction:row;gap:8px}
  .vpc .cat{min-width:180px;flex:0 0 auto}
  .vpc .cgrid{grid-template-columns:1fr}
}
@media (max-width:600px){
  .vpc .content{padding:14px 12px 26px}
  .vpc .panel{padding:14px 12px 18px}
  .vpc .frow{grid-template-columns:1fr 1fr;gap:12px}
  .vpc .pill{padding:7px 9px;font-size:10.5px;letter-spacing:.08em}
  .vpc .dt td,.vpc .dt thead th{padding:6px 8px;font-size:12.5px}
  .vpc .cat{min-width:160px;padding:9px 11px}.vpc .cat b{font-size:14.5px}
  .vpc .res{grid-template-columns:1fr 1fr}
  .vpc .rc span{font-size:16px}.vpc .rc.h span{font-size:19px}
  .vpc .seg[data-f="sys"]{min-width:0!important;width:100%}
}
@media print{.vpc .side,.vpc .frow,.vpc .pills,.vpc .search{display:none!important}.vpc .main{grid-template-columns:1fr}.vpc .tw{max-height:none;overflow:visible}}