/* Bench family badges + per-app colorways for the "Part of the Bench Series" strip.
   I&E blue: iebench.com styles.css --accent #2563eb (light) / #3b82f6 (dark), = DesignTokens.swift IEColor.accent.
   Fieldscan teal (locked 6:39 PM CT Nov 10): #0F766E light / #0D9488 dark.
   Budgetblade crimson, Pipefit copper, Truesolve olive: sampled from the locked badge PNGs. */
:root{--ie-blue:#2563eb;--ie-blue-hi:#3b82f6;--fs-teal:#0f766e;--fs-teal-hi:#0d9488;--bb-crimson:#b41c1c;--bb-crimson-hi:#e04848;--pf-copper:#b86630;--pf-copper-hi:#d08a55;--ts-olive:#6b8f4e;--ts-olive-hi:#8ea67e;--bench-gold:#d5b562}
#bench-family .family-card[data-family-product]{padding-right:66px}
#bench-family .family-card .fam-badge{position:absolute;top:14px;right:14px;width:40px;height:40px;display:block;object-fit:contain;pointer-events:none}
#bench-family .family-card[data-family-product="iebench"]{--fc:var(--ie-blue);--fc-hi:var(--ie-blue-hi)}
#bench-family .family-card[data-family-product="fieldscan"]{--fc:var(--fs-teal);--fc-hi:var(--fs-teal-hi)}
#bench-family .family-card[data-family-product="budgetblade"]{--fc:var(--bb-crimson);--fc-hi:var(--bb-crimson-hi)}
#bench-family .family-card[data-family-product="pipefit"]{--fc:var(--pf-copper);--fc-hi:var(--pf-copper-hi)}
#bench-family .family-card[data-family-product="truesolve"]{--fc:var(--ts-olive);--fc-hi:var(--ts-olive-hi)}
#bench-family .family-card[data-family-product]{border-color:color-mix(in srgb,var(--fc) 50%,var(--line));box-shadow:none}
#bench-family .family-card[data-family-product] h3{color:var(--fc-hi)}
#bench-family .family-card-on[data-family-product]{border-color:var(--fc-hi);box-shadow:0 0 0 1px color-mix(in srgb,var(--fc-hi) 35%,transparent)}
@media(max-width:720px){#bench-family .family-card .fam-badge{top:12px;right:12px;width:36px;height:36px}#bench-family .family-card[data-family-product]{padding-right:58px}}
/* 7:46 PM CT: full per-app colorway on every strip card (tint, glow, hover, focus); identical on every site */
#bench-family .family-card[data-family-product]{background:linear-gradient(155deg,color-mix(in srgb,var(--fc) 16%,var(--panel)) 0%,var(--panel) 62%);border-color:color-mix(in srgb,var(--fc) 62%,var(--line))}
#bench-family .family-card[data-family-product] .fam-badge{filter:drop-shadow(0 0 8px color-mix(in srgb,var(--fc-hi) 45%,transparent))}
#bench-family .family-card[data-family-product]:hover,#bench-family .family-card[data-family-product]:focus-visible{border-color:var(--fc-hi);box-shadow:0 0 0 1px color-mix(in srgb,var(--fc-hi) 40%,transparent),0 10px 28px color-mix(in srgb,var(--fc) 30%,transparent)}
#bench-family .family-card[data-family-product]:focus-visible{outline:2px solid var(--fc-hi);outline-offset:3px}
#bench-family .family-card-on[data-family-product]{background:linear-gradient(155deg,color-mix(in srgb,var(--fc) 26%,var(--panel)) 0%,var(--panel) 70%);box-shadow:0 0 0 1px color-mix(in srgb,var(--fc-hi) 40%,transparent),0 0 24px color-mix(in srgb,var(--fc) 28%,transparent)}
/* 8:40 PM CT v2: clearly visible outer halo ring around every app badge tile, in the app's colorway
   (modeled on ref/halo-reference.png). Three stacked drop-shadows follow the rounded tile alpha. Badge PNGs unchanged. */
img[src*="/badges/iebench-badge"]{--halo:59,130,246}
img[src*="/badges/fieldscan-badge"]{--halo:13,148,136}
img[src*="/badges/budgetblade-badge"]{--halo:224,72,72}
img[src*="/badges/pipefit-badge"]{--halo:208,138,85}
img[src*="/badges/truesolve-badge"]{--halo:142,166,126}
img[src*="/badges/"][src*="-badge-"]{--h0:1px;--h1:4px;--h2:10px;--a0:.95;--a1:.75;--a2:.5;filter:drop-shadow(0 0 var(--h0) rgba(var(--halo),var(--a0))) drop-shadow(0 0 var(--h1) rgba(var(--halo),var(--a1))) drop-shadow(0 0 var(--h2) rgba(var(--halo),var(--a2)))!important}
img[src*="/badges/"].content-badge,img[src*="/badges/"].hero-badge,img[src*="/badges/"].hero-mark{--h0:1.5px;--h1:8px;--h2:22px;--a0:.9;--a1:.7;--a2:.5}
@media (prefers-color-scheme: light){
  html[data-palette] img[src*="/badges/"][src*="-badge-"]:not(.fam-badge){--a0:.9;--a1:.62;--a2:.42}
}
@media (prefers-color-scheme: light){ img[src*="/badges/truesolve-badge"]{--halo:112,146,92} }
@media (prefers-color-scheme: light){ html[data-palette] img[src*="/badges/"][src*="-badge-"]:not(.fam-badge):not(.content-badge):not(.hero-badge):not(.hero-mark){--h1:5px;--h2:12px;--a0:1;--a1:.85;--a2:.6} }
/* 9:03 PM CT: no halo on app badges inside carousels */ .family-carousel .family-card img.fam-badge[src*="/badges/"],.family-carousel img[src*="/badges/"][src*="-badge-"]{filter:none!important;-webkit-filter:none!important;box-shadow:none!important}

/* 7:30 AM CT Nov 11: "More benches" placeholder card (future products), between Pipefit and Truesolve. Neutral + pale gold, no halo. */
#bench-family .family-card[data-family-product="future"]{--fc:#8b9099;--fc-hi:#e6d6a0}
#bench-family .family-card .fam-badge.fam-future{display:flex;align-items:center;justify-content:center;box-sizing:border-box;border-radius:10px;background:linear-gradient(160deg,#1d1e22,#0c0d10);border:1.5px dashed rgba(230,214,160,.62);color:#e6d6a0;font:500 22px/1 system-ui,-apple-system,sans-serif;filter:none!important;box-shadow:none!important}