/* VOLTFIELD - equipment family reference pages and the sector cluster pages
   that share their layout.

   This was an inline <style> block repeated verbatim in all 243 generated
   family pages - byte-identical in every one, about 4KB each, roughly 36%
   of the page. That is ~1MB of the same CSS re-downloaded page by page
   instead of fetched once and cached. Extracted so a visitor reading three
   family pages pays for it once.

   2026 redesign note. This file loads AFTER voltfield-core.css, so anything
   it declares wins. It was still carrying pre-redesign copies of .artban,
   .artwrap, .callout, .crumb, .ctaband and the footer, which is why the 19
   pages that load it kept the old dark banner long after every other page had
   moved -- and, once the inline colours were tokenised, why their h1 rendered
   the same colour as the banner behind it and disappeared.

   Those components are core's now and have been removed here. What remains is
   the genuinely page-specific vocabulary: the family table, the lead-time
   chips, the spec grid, the related-links grid and the family image. */

.crumb .sep{margin:0 7px;opacity:.6}

/* family table */
.famtable{width:100%;border-collapse:collapse;margin:20px 0 8px;font-size:15px;
  background:var(--card);border-radius:var(--r);overflow:hidden;
  box-shadow:0 0 0 1px var(--line)}
.famtable th{font-family:var(--mono);font-size:11px;letter-spacing:.06em;
  text-transform:uppercase;color:var(--slate);font-weight:500;text-align:left;
  padding:12px 15px;background:var(--sunk);border-bottom:1px solid var(--line)}
.famtable td{padding:12px 15px;border-bottom:1px solid var(--line);color:var(--ink-2);
  vertical-align:top}
.famtable tr:last-child td{border-bottom:0}
.famtable tbody tr{transition:background var(--dur) var(--ease)}
.famtable tbody tr:hover{background:var(--sunk)}
.famtable td b{font-family:var(--disp);font-size:15px;color:var(--ink);display:block;
  margin-bottom:2px;letter-spacing:-.015em}
.famtable th[scope="row"]{font-family:var(--disp);font-size:15px;font-weight:600;
  color:var(--ink);text-transform:none;letter-spacing:-.015em;text-align:left;
  padding:12px 15px;border-bottom:1px solid var(--line);vertical-align:top;
  background:var(--card)}
.famtable td.num{font-family:var(--mono);font-size:13px;white-space:nowrap;
  font-variant-numeric:tabular-nums}
.famtable a{color:var(--link);font-weight:500;text-decoration:underline;
  text-underline-offset:2px}

/* lead-time chips. The ink colours are the darkened text variants from core,
   so each chip clears AA against its own tint rather than only looking like
   the right hue. */
.lt{font-family:var(--mono);font-size:11.5px;padding:3px 10px;white-space:nowrap;
  display:inline-block;border-radius:var(--r-pill)}
.lt.long{background:var(--tint-crit);color:var(--crit-ink)}
.lt.mid{background:var(--tint-warn);color:var(--warn-ink)}
.lt.short{background:var(--tint-ok);color:var(--ok-ink)}
.tblwrap{overflow-x:auto}

/* spec grid */
.specgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
  gap:14px;margin:20px 0}
.speccard{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);
  padding:18px 20px}
.speccard h3,.speccard h4{font-family:var(--disp);font-weight:600;font-size:16px;
  color:var(--ink);margin-bottom:7px;letter-spacing:-.02em}
.speccard p{font-size:14.5px;margin:0;line-height:1.6;color:var(--slate)}

/* related links */
.rel{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;
  margin:20px 0 8px}
.rel a{display:block;background:var(--card);border:1px solid var(--line);
  border-radius:var(--r);padding:14px 16px;text-decoration:none;
  transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease),
    transform var(--dur) var(--ease)}
.rel a:hover{border-color:var(--line-dark);box-shadow:var(--sh-2);transform:translateY(-2px)}
.rel .k{font-family:var(--mono);font-size:10.5px;letter-spacing:.07em;
  text-transform:uppercase;color:var(--slate)}
.rel .t{font-family:var(--disp);font-weight:500;font-size:14.5px;color:var(--ink);
  margin-top:4px;line-height:1.35;letter-spacing:-.015em}

/* family reference image: square source, capped and never stretched */
.famimg{display:block;width:100%;max-width:320px;height:auto;
  border:1px solid var(--line);border-radius:var(--r);background:var(--card);
  margin:6px 0 2px}