.wt-note{font-size:var(--fs-sm);max-width:70ch}
.wt-t td{font-variant-numeric:tabular-nums}
/* sortable headers (wire-tables.js adds the buttons; same pattern as toroid-cores) */
.wt-t th button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;text-align:inherit;white-space:nowrap}
.wt-t th button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}
.wt-t th[aria-sort] button::after{content:" ▲"}.wt-t th[aria-sort=descending] button::after{content:" ▼"}
.wt-sort{display:none;align-items:center;gap:var(--s2);margin:var(--s3) 0 var(--s2);font-size:var(--fs-sm)}
.wt-sort label{font-weight:700;margin:0;white-space:nowrap}.wt-sort select{width:auto;min-width:0;flex:1 1 auto;max-width:100%;min-height:44px}
/* phones: each gauge becomes a labeled card */
@media(max-width:1139px){.wt .tw{overflow:visible}.wt-sort{display:flex}
.wt-t thead{display:none}.wt-t,.wt-t tbody{display:block}
.wt-t tr{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));column-gap:var(--s4);padding:var(--s2) 0;border-bottom:1px solid var(--color-rule)}
.wt-t td{display:flex;justify-content:space-between;align-items:baseline;gap:var(--s2);border:0;padding:2px 0;font-size:var(--fs-sm);text-align:right;white-space:nowrap}
.wt-t td::before{content:attr(data-l);color:var(--color-muted);font-size:var(--fs-xs);text-align:left;white-space:nowrap}
.wt-t td:first-child{grid-column:1/-1;font-weight:700;justify-content:flex-start}
.wt-t td:first-child::before{content:"#";color:inherit;font-size:inherit}
.wt-t td:first-child::after{content:" AWG";font-weight:400;color:var(--color-muted)}
.wt-t td:nth-child(n+9)::before{content:attr(data-l) "*"}
.wt{padding-bottom:64px}}
/* phones: label above value so two columns fit at 320-599px */
@media(max-width:599px){.wt-t tr{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.wt-t td,.wt-t td.num{display:block;text-align:left;padding:3px 0}.wt-t td::before{display:block;line-height:1.2;white-space:normal}
.wt-t td:first-child{display:flex}.wt-t td:first-child::before{display:inline}}
