/* Tool Counter Parts Finder — "bold" look (black, red, condensed caps, hard shadows), loaded after tc-parts-finder.css */
#tcpf-app{--cond:'Barlow Condensed','Arial Narrow','Roboto Condensed',sans-serif;--hard:5px 5px 0 var(--ink)}
#tcpf-app .intro{padding-top:34px}
#tcpf-app .intro h1{font-family:var(--cond);font-weight:800;font-size:clamp(40px,6.4vw,58px);line-height:.95;letter-spacing:.01em}
#tcpf-app .intro h1 em{display:inline-block;background:var(--red);color:#fff;padding:2px 12px 0;margin-left:4px;transform:skewX(-8deg)}
#tcpf-app .intro h1 em::after{display:none}
#tcpf-app .intro p{font-family:var(--cond);font-size:20px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);margin-top:14px}
#tcpf-app .home{display:grid;gap:22px;margin-top:26px}
#tcpf-app .sect{padding:0;border:3px solid var(--ink);border-left:12px solid var(--red);border-radius:0;box-shadow:var(--hard);background:#fff;overflow:hidden}
#tcpf-app .sect .sh2{background:var(--ink);color:#fff;padding:14px 18px;gap:14px;background-image:repeating-linear-gradient(135deg,rgba(255,255,255,.04) 0 12px,transparent 12px 24px)}
#tcpf-app .sect .sh2 img{width:58px;height:58px;border:none;border-radius:0;padding:4px}
#tcpf-app .sect h2{font-family:var(--cond);font-size:28px;font-weight:800;letter-spacing:.02em;line-height:1;color:#fff}
#tcpf-app .sect p{color:#D9D3CF;font-size:14.5px;margin-top:5px}
#tcpf-app .subs{margin-top:0;padding:16px 18px 18px;gap:12px}
#tcpf-app .sub{position:relative;background:#fff;border:2px solid var(--ink);border-radius:0;padding:15px 48px 15px 15px;transition:background .12s,color .12s,border-color .12s}
#tcpf-app .sub::after{content:"";position:absolute;right:16px;top:50%;margin-top:-8px;border-left:11px solid var(--red);border-top:8px solid transparent;border-bottom:8px solid transparent;transition:border-color .12s}
#tcpf-app .sub b{font-family:var(--cond);font-size:22px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;line-height:1.05}
#tcpf-app .sub span{font-size:13.5px}
#tcpf-app .sub img{border:none;border-radius:0}
#tcpf-app .sub:hover{background:var(--red);border-color:var(--red);color:#fff}
#tcpf-app .sub:hover span{color:#fff}
#tcpf-app .sub:hover::after{border-left-color:#fff}
#tcpf-app .sub:focus-visible{outline:3px solid var(--red);outline-offset:3px}
#tcpf-app .back{font-family:var(--cond);font-size:16px;font-weight:700;letter-spacing:.06em;color:var(--ink)}
#tcpf-app .back:hover{color:var(--red)}
#tcpf-app .screen h2.sh{font-family:var(--cond);font-size:clamp(32px,5vw,44px);font-weight:800;letter-spacing:.01em;line-height:1;border-left:10px solid var(--red);padding:4px 0 2px 14px;margin-top:12px}
#tcpf-app .lead{font-family:var(--cond);font-size:18px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;margin-top:10px}
#tcpf-app .modes{border:3px solid var(--ink);border-radius:0;box-shadow:var(--hard)}
#tcpf-app .mode{font-family:var(--cond);font-size:17px;font-weight:700;letter-spacing:.05em;border-right:3px solid var(--ink);background:#fff}
#tcpf-app .mode[aria-pressed="true"]{background:var(--ink);color:#fff;box-shadow:inset 0 -5px 0 var(--red)}
#tcpf-app .picks3 label,#tcpf-app .picks label,#tcpf-app .p3 label{font-family:var(--cond);font-size:15px;font-weight:700;letter-spacing:.06em;color:var(--ink)}
#tcpf-app .cbtn{border:3px solid var(--ink);border-radius:0;box-shadow:4px 4px 0 var(--ink);font-family:var(--cond);font-size:20px;font-weight:600;letter-spacing:.01em}
#tcpf-app .cbtn::after{border-top-color:var(--red)}
#tcpf-app .cbtn.set{border-color:var(--red);background:#fff;color:var(--ink);box-shadow:4px 4px 0 var(--red)}
#tcpf-app .cbtn:disabled{box-shadow:none;border-color:var(--line-dk);background:#F4F2F0}
#tcpf-app .orsearch span{font-family:var(--cond);font-size:15px;font-weight:700;color:var(--ink)}
#tcpf-app .orsearch input,#tcpf-app .filters .tbox{border:3px solid var(--ink);border-radius:0;font-size:16px;background:#fff}
#tcpf-app .orsearch input:focus,#tcpf-app .filters .tbox:focus{outline:none;border-color:var(--red);box-shadow:4px 4px 0 var(--red)}
#tcpf-app .filters .picks select{border:2px solid var(--ink);border-radius:0;background-color:#fff;font-weight:600}
#tcpf-app .filters .picks select.set{border-color:var(--red);background-color:#fff;box-shadow:3px 3px 0 var(--red)}
#tcpf-app .kchip{border:2px solid var(--ink);border-radius:0;font-family:var(--cond);font-size:16px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;background:#fff}
#tcpf-app .kchip[aria-pressed="true"]{background:var(--red);border-color:var(--red);color:#fff}
#tcpf-app .tally{font-family:var(--cond);font-size:18px;font-weight:600;letter-spacing:.03em;text-transform:uppercase}
#tcpf-app .tally b{font-weight:800}
#tcpf-app .reset{border:2px solid var(--red);border-radius:0;font-family:var(--cond);font-size:16px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
#tcpf-app .grp{font-family:var(--cond);font-size:20px;font-weight:800;color:var(--ink);border-bottom:3px solid var(--red)}
#tcpf-app .card{background:#fff;border:2px solid var(--ink);border-left:10px solid var(--red);border-radius:0;margin-bottom:12px;transition:transform .12s,box-shadow .12s}
#tcpf-app .card:hover{border-left-color:var(--red);box-shadow:var(--hard);transform:translate(-2px,-2px)}
#tcpf-app .card .pic img{border:1.5px solid var(--line)}
#tcpf-app .tag{border-radius:0;font-family:var(--cond);font-size:13px;letter-spacing:.08em}
#tcpf-app .name{font-weight:600}
#tcpf-app .matched{font-weight:700}
#tcpf-app .specdrop summary{font-family:var(--cond);font-size:16px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
#tcpf-app .price{font-family:var(--cond);font-size:34px;font-weight:800;line-height:1}
#tcpf-app .go{border-radius:0;font-family:var(--cond);font-size:18px;font-weight:700;letter-spacing:.05em;padding:10px 18px;box-shadow:4px 4px 0 var(--ink)}
#tcpf-app .go:hover{background:var(--ink);box-shadow:2px 2px 0 var(--red);transform:translate(2px,2px)}
#tcpf-app .more{border:3px solid var(--ink);border-radius:0;font-family:var(--cond);font-size:18px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;box-shadow:var(--hard)}
#tcpf-app .more:hover{background:var(--red);border-color:var(--red);color:#fff}
#tcpf-app .empty{border:3px solid var(--ink);border-left:12px solid var(--red);border-radius:0;box-shadow:var(--hard)}
#tcpf-app .empty h2{font-family:var(--cond);font-size:28px;font-weight:800}
#tcpf-app .eact{font-family:var(--cond);font-size:18px;font-weight:700;letter-spacing:.03em;border-width:3px}
#tcpf-app .eact.main{box-shadow:4px 4px 0 var(--ink)}
#tcpf-app .helpme{border:3px solid var(--ink);border-radius:0;box-shadow:var(--hard)}
#tcpf-app .helpme h2{font-family:var(--cond);font-size:28px;font-weight:800}
@media (max-width:640px){
#tcpf-app .intro h1{font-size:40px}
#tcpf-app .sect .sh2{padding:12px 14px}
#tcpf-app .sect h2{font-size:24px}
#tcpf-app .subs{grid-template-columns:1fr;padding:14px}
#tcpf-app .sect{border-left-width:8px;box-shadow:4px 4px 0 var(--ink)}
#tcpf-app .mode{font-size:14px}
#tcpf-app .screen h2.sh{font-size:32px}
#tcpf-app .price{font-size:28px}
#tcpf-app .card{border-left-width:7px}
}
@media (prefers-reduced-motion:reduce){
#tcpf-app .card,#tcpf-app .card:hover,#tcpf-app .go:hover{transition:none;transform:none}
}
