/* CJM Toolbench additions, built on styles.css */
/* Rules here are scoped by component, so source order is intentional. */
/* stylelint-disable no-descending-specificity */
.nav nav a[aria-current="page"]{color:#fff;background:rgba(255,255,255,.1)}
.subnav{width:min(var(--max),calc(100% - 40px));margin:14px auto 0}
.subnav ul{display:flex;flex-wrap:wrap;gap:4px 6px;list-style:none;margin:0;padding:0}
.subnav a{display:block;padding:8px 12px;border-radius:999px;font:500 14px/1 "Barlow Condensed","Barlow Fallback",sans-serif;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;color:var(--ink-2)}
.subnav a:hover{color:#fff;background:rgba(255,255,255,.07)}
.eyebrow a{color:var(--ink-2)}
.foot-links{display:flex;flex-wrap:wrap;gap:6px 22px}
.foot-links a{color:var(--ink-2)}
.badge{display:inline-flex;align-items:center;gap:8px;min-height:28px;padding:0 12px;border-radius:999px;font:500 13px/1 "Barlow Condensed","Barlow Fallback",sans-serif;letter-spacing:.18em;text-transform:uppercase;border:1px solid var(--line-2);color:var(--ink-2)}
.badge-tested{background:#f4f5f6;color:#050607;border-color:#fff}
.badge-tested::before{content:"";width:7px;height:7px;border-radius:50%;background:#050607}
.filters{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;padding:14px 20px;border-radius:var(--r-sm);margin:8px 0 14px}
.filters label{font:500 14px/1 "Barlow Condensed","Barlow Fallback",sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-2)}
.filters select{min-height:44px;padding:0 14px;border-radius:999px;background:rgba(255,255,255,.05);color:var(--ink);border:1px solid var(--line-2);font:400 15px/1 "Saira","Saira Fallback",system-ui,sans-serif}
.filters select option{background:#16191d}
.filters .check{display:inline-flex;align-items:center;gap:8px;min-height:44px}
.filters input[type=checkbox]{width:20px;height:20px;accent-color:#f4f5f6}
.tb-count{font-size:14px;margin:0 0 14px}
.tools{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:14px}
.tool{display:flex;flex-direction:column;padding:22px 24px;transition:transform .45s var(--ease)}
.tool:hover{transform:translateY(-3px)}
.tool[hidden]{display:none}
.tool-top{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:16px}
.tool-cat{font:500 13px/1 "Barlow Condensed","Barlow Fallback",sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3)}
.tool h3 a{text-decoration:none}
.tool h3 a::after{content:"";position:absolute;inset:0;border-radius:inherit;z-index:2}
.tool p{margin:0 0 14px;color:var(--ink-2);font-size:15.5px}
.tool .tool-score{margin:auto 0 0;font:600 26px/1 "Saira","Saira Fallback",sans-serif;font-stretch:125%;color:var(--ink)}
.tool-score span{color:var(--ink-3);font-size:16px}
.tool .tool-score-none{font:500 14px/1 "Barlow Condensed","Barlow Fallback",sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-3)}
.hero-tool{padding-bottom:20px}
.tool-h1{font-size:clamp(40px,7vw,88px)}
.tool-badges{margin:-10px 0 22px}
.tool-tele{margin-top:10px}
.dd-sm{font-size:clamp(18px,2vw,24px)}
.dd-sm a{text-underline-offset:4px}
.sub-h{margin-top:30px}
.result-list{max-width:80ch}
.queued{padding:26px 28px;max-width:80ch;color:var(--ink-2)}
.queued p{margin:0}
.eng-table td.e-tested{color:#fff}
.eng-table td.e-unknown,.eng-table td.e-no{color:var(--ink-3)}
.eng-table td.e-unknown::before,.eng-table td.e-no::before{background:transparent;border:1px solid var(--ink-3);box-shadow:none}
.pc{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}
.dashes{list-style:none;margin:0;padding:0}
.dashes li{padding:14px 0 14px 30px;border-bottom:1px solid var(--line);position:relative;color:var(--ink-2)}
.dashes li::before{content:"";position:absolute;left:2px;top:26px;width:12px;height:1.5px;background:#fff}
.alts{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:10px}
.alts a{display:inline-flex;align-items:center;min-height:44px;padding:0 20px;border-radius:999px;border:1px solid var(--line-2);text-decoration:none;font:500 15px/1 "Barlow Condensed","Barlow Fallback",sans-serif;letter-spacing:.18em;text-transform:uppercase}
.alts a:hover{background:rgba(255,255,255,.08)}
.tb-gap{margin-top:24px}
.submit-form{display:grid;gap:10px;max-width:640px;padding:clamp(22px,4vw,40px)}
.submit-form label{font:500 14px/1 "Barlow Condensed","Barlow Fallback",sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-2);margin-top:8px}
.submit-form input,.submit-form textarea{min-height:50px;padding:12px 18px;border-radius:var(--r-sm);background:rgba(255,255,255,.04);border:1px solid var(--line-2);color:var(--ink);font:400 16px/1.4 "Saira","Saira Fallback",system-ui,sans-serif}
.submit-form .btn{justify-self:start;margin-top:14px}
@media (max-width:1100px){.nav-cta{display:none}}
@media (max-width:900px){
  .nav nav{display:block;margin-left:auto}
  .nav ul li:nth-child(2),.nav ul li:nth-child(3){display:none}
}
@media (max-width:480px){.nav nav a{padding:10px 8px;font-size:13px;letter-spacing:.12em}.filters{padding:14px}}
