/* SocketFinderUSA's logo is the source for this palette and geometry. */
:root{--blue:#bb1119;--blue-dark:#911016;--orange:#bd111a;--ink:#071f32;--muted:#52616a;--line:#d8cfbe;--pale:#fbf4e6;--cream:#fff3dd;--navy:#061e31;--red:#c70f18}
body{background:#041a2a;color:#fff3df}
header{background:#061d30;border-bottom:2px solid #f2dfc3;box-shadow:0 3px 0 #b8151c;position:relative;z-index:2}
header:before,.hero-area:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(90deg,#8ea4aa18 1px,transparent 1px),linear-gradient(#8ea4aa12 1px,transparent 1px);background-size:38px 38px}
.header-inner{min-height:91px;gap:30px;flex-wrap:nowrap}.header-inner .brand{flex-shrink:0}.brand{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:2rem;font-weight:900;font-style:italic;letter-spacing:.015em;line-height:1;text-shadow:2px 2px 0 #183c51;text-transform:uppercase}.brand img{width:61px;height:61px;filter:drop-shadow(2px 3px 0 #020f1b)}.brand b{color:#ed2028}.brand small{font-size:1em;letter-spacing:.015em;color:#fff3df;margin:0}.header-inner nav{margin-left:auto;gap:25px;flex-wrap:nowrap}.header-inner nav a{font-weight:800;color:#fff3df;font-size:.82rem;letter-spacing:.04em}.header-inner nav a:hover{color:#f34042}.header-search{margin-left:0;width:238px;background:#fff9ed;border:1px solid #c2bbaa}.header-search input{color:#102c3d;font-size:.84rem}.header-search input::placeholder{color:#56646b}.header-search button{background:#bd111a;min-height:40px;width:43px}.header-search button:hover{background:#9b0a11}
.hero-area{position:relative;background:linear-gradient(115deg,#041a2a 22%,#0b2a3b 66%,#031422)}.hero-area>.wrap:before{background-size:38px 38px;opacity:.16}.hero{min-height:300px;border-bottom:1px solid #bfcac5}.hero-copy{padding-block:40px;width:62%;position:relative;z-index:1}.hero .eyebrow{color:#e4bdb7;font-size:.75rem;letter-spacing:.2em;margin-bottom:12px}.hero h1{font-family:Impact,'Arial Narrow',Arial,sans-serif;line-height:.98;font-size:clamp(3rem,5vw,5.1rem);letter-spacing:.018em;font-weight:900;text-shadow:2px 3px 0 #011421}.hero h1 em{color:#dc1821}.hero .intro{font-size:1.05rem;max-width:630px;color:#f8f5ec;line-height:1.43;margin-top:15px}.hero-image{right:0;width:58%;height:100%;opacity:.87;mask-image:linear-gradient(90deg,transparent 0,#000 29%);filter:grayscale(.85) brightness(.57) contrast(1.45)}.hero:after{background:linear-gradient(90deg,#041a2a 7%,#041a2ae0 35%,#041a2a55 68%,#041a2a48 100%)}.hero-blueprint{position:absolute;right:35%;top:17px;width:135px;height:135px;opacity:.5;z-index:0;pointer-events:none}.benefits{gap:11px 23px;margin-top:25px;font-family:'Arial Narrow',Arial,sans-serif;letter-spacing:.04em;font-size:.77rem;font-weight:800;color:#f7e9d8}.benefits span{display:inline-flex;align-items:center;white-space:nowrap}.benefits span:before{display:none}
.workbench{background:transparent;border:0;box-shadow:none;margin-top:12px;margin-bottom:13px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 10px;align-items:stretch}.workbench-tabs{display:contents}.workbench-tab{grid-row:1;background:linear-gradient(135deg,#0b2940,#071e31);border:1px solid #d8c8ad;border-bottom:0;border-radius:9px 9px 0 0;min-height:72px;color:#fff3df;font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:1.5rem;letter-spacing:.02em;text-transform:uppercase;gap:15px;padding:13px 15px;line-height:1}.workbench-tab:nth-child(1){grid-column:1}.workbench-tab:nth-child(2){grid-column:2}.workbench-tab:nth-child(3){grid-column:3}.workbench-tab:hover{background:linear-gradient(135deg,#133e53,#0b2b41)}.workbench-tab[aria-selected=true]{color:#fff3df;background:linear-gradient(130deg,#a80711,#cf121b 65%,#a70a13);border-color:#f2dec0;box-shadow:inset 0 1px #ee6b62;border-bottom:0}.workbench-tab small{color:#e8e6db;opacity:1;font:600 .78rem/1.15 Arial,sans-serif;letter-spacing:0;text-transform:none;margin-top:4px}.tab-number{border-radius:50%;background:#fff5df;color:#0b2335;border:2px solid #051d2c;box-shadow:0 1px 2px #0008;font-family:Impact,'Arial Narrow',Arial,sans-serif;letter-spacing:0;font-size:1.3rem;display:grid;place-items:center;flex:0 0 41px;width:41px;height:41px}.workbench-tab[aria-selected=true] .tab-number{color:#a80813}.workbench-panel{grid-row:2;background:linear-gradient(145deg,#fff9ed,#f7eddb);border:1px solid #f7e7c9;border-top:0;border-radius:0 0 9px 9px;min-width:0;padding:19px 17px 22px;display:block;color:#0d2a3a}.workbench-panel[hidden]{display:none!important}#panel-convert{grid-column:1}#panel-fastener{grid-column:2}#panel-drill{grid-column:3}.tool-intro{display:block;min-height:70px;margin:0 0 16px;padding:0 1px 12px;border-bottom:1px solid #ded4c1}.tool-intro h2{display:none}.tool-intro p{color:#17394a;font-size:.91rem;line-height:1.4}.tool-form{gap:14px}.compact-form{grid-template-columns:1fr;align-items:stretch}.tool-form label{color:#193c4d;font-size:.82rem;line-height:1.3;letter-spacing:.01em;text-transform:none}.tool-form input,.tool-form select{background:#fffaf0;min-height:46px;margin-top:6px;font-size:1rem;border-color:#bcb6aa}.tool-form input::placeholder{color:#7f8582}.workbench-action{background:#ba101a;border-radius:3px;min-height:48px;width:100%;font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:1.13rem;letter-spacing:.06em}.workbench-action:hover{background:#930c13}.segmented{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.segmented legend{color:#183c4c;margin-bottom:7px;font-size:.81rem}.segmented span{min-height:40px;padding:10px 7px;text-align:center;font-weight:700;font-size:.8rem;line-height:1.2;background:#f1ede2;border-color:#ded8ca}.segmented input:checked+span{background:#092940;border-color:#0c3147;color:#fff}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.pitch-helper{padding:0 10px;background:#f8f0e0}.pitch-helper summary{font-size:.86rem;padding:13px 22px 13px 0;line-height:1.25}.pitch-helper summary:after{top:10px}.pitch-helper p{font-size:.85rem;line-height:1.4}.helper-grid{grid-template-columns:1fr 1fr}.helper-grid button{grid-column:1/-1}.card-diagram{display:block;width:100%;height:auto;margin:0 0 14px;background:linear-gradient(135deg,#faf5e7,#ede8dc);border:1px solid #e3dbcc;padding:4px;max-height:143px}.drill-preview{display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#f2eee4,#e9e5da);border:1px solid #e1d9c8;margin-bottom:16px;min-height:118px;color:#102d40}.drill-preview span{width:24%;text-align:center;font-family:Arial,sans-serif;font-weight:900;font-size:2.1rem;line-height:1}.drill-preview small{font:800 .7rem Arial,sans-serif;display:block;margin-top:8px}.drill-preview b{font-size:1.4rem;color:#bd111a}.drill-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:15px}.drill-modes label span{font-size:.72rem;min-height:53px;display:flex;align-items:center;justify-content:center}.drill-modes legend{grid-column:1/-1}.workbench-result{background:#fffaf0;border:1px solid #e1d5bf;border-left:4px solid #bc121b;box-shadow:none;padding:15px 14px;min-height:0;margin-top:17px}.big-answer{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:clamp(1.35rem,2.1vw,1.95rem);letter-spacing:.005em;font-weight:800;color:#072438;line-height:1.1}.result-kicker,.buy-phrase>span{color:#a7131b;font-size:.76rem}.result-stat{font-size:.88rem}.fit-note,.result-caveat{font-size:.84rem}.spec-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.spec-grid>div{padding:8px}.spec-grid b{font-size:.85rem}.clearance-grid{grid-template-columns:1fr}.clearance-grid>div{padding:9px}.clearance-grid strong{font-size:1.3rem}.result-actions button,.result-actions a,.parts button{font-size:.73rem;letter-spacing:0;padding:7px 9px}.result-actions button:first-child,.result-actions a:first-of-type{background:#ba101a;border-color:#ba101a}.result-actions button:hover,.result-actions a:hover{color:#b70d16}.process{flex-wrap:wrap}.quick-actions a{background:linear-gradient(135deg,#061d2e,#092b41);border:1px solid #efdfc3;border-radius:6px;color:#fff7e5;min-height:95px;padding:17px 19px}.quick-actions strong{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:1.18rem;letter-spacing:.03em}.quick-actions a:before{content:'▥';float:left;color:#f5ead8;border:1px solid #e4d1b5;border-radius:50%;display:grid;place-items:center;width:44px;height:44px;font-size:1.6rem;margin-right:14px}.quick-actions a:nth-child(1):before{content:'⬡'}.quick-actions a:nth-child(2):before{content:'⌁'}.quick-actions a:nth-child(3):before{content:'▤'}.quick-actions span{font-size:.82rem;color:#e0dccc;margin-top:5px}.visual-reference,.section-grid>section{background:linear-gradient(145deg,#fff8e8,#f5ead6);border:1px solid #ecdab9;border-radius:7px;color:#102f41}.visual-reference h2,.section-grid h2{color:#0a2b3f;font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:1.6rem;letter-spacing:.02em}.visual-reference p{color:#435663;font-size:.94rem}.visual-reference svg g[fill="#f3eadd"]{fill:#102f41}.visual-reference svg g[stroke="#d7e5eb"]{stroke:#25495b}.section-grid .section-subtitle{font-size:.92rem;color:#455b66}.section-grid summary{font-size:.9rem}.section-grid details p{font-size:.9rem}.sources{border-color:#67808a}.sources h2{color:#f9e8cb}.sources p{color:#d7ddd6;font-size:.88rem}.disclaimer{background:#0c2b3c;color:#d8e0d8}
footer{background:#fff3dd;border-top:3px solid #b40e18;color:#0b2b3f;padding:8px 0}.footer-inner{display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:center;min-height:130px}.footer-inner nav{justify-self:start;flex-wrap:wrap;gap:8px 22px}.footer-inner nav a{color:#102e40;font-size:.77rem;font-weight:800}.footer-inner nav a:hover{color:#b40e18}.footer-mark{display:block;width:130px;height:118px;overflow:hidden}.footer-mark img{width:130px;height:130px;object-fit:contain;mix-blend-mode:multiply;transform:translateY(-5px)}.footer-copy{justify-self:end;text-align:right;font-weight:900;letter-spacing:.13em;font-size:.78rem;line-height:1.5;color:#102e40}
@media(max-width:1190px){.header-inner{gap:17px}.brand{font-size:1.55rem}.brand img{width:49px;height:49px}.header-inner nav{gap:14px}.header-search{width:190px}.workbench-tab{font-size:1.18rem;gap:8px}.workbench-tab small{font-size:.7rem}.tab-number{width:36px;height:36px;flex-basis:36px;font-size:1.1rem}.tool-intro{min-height:82px}}
@media(max-width:999px){.workbench{display:block;background:#f7eedb;border:1px solid #e8d5b7;border-radius:8px}.workbench-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}.workbench-tab{grid-row:auto;grid-column:auto!important;border:0;border-bottom:4px solid transparent;border-radius:0;min-height:73px}.workbench-tab:first-child{border-top-left-radius:8px}.workbench-tab:last-child{border-top-right-radius:8px}.workbench-tab[aria-selected=true]{border-bottom:4px solid #efdbc0}.workbench-panel{grid-row:auto;grid-column:auto!important;border:0;border-radius:0 0 8px 8px;padding:24px}.tool-intro{min-height:0}.tool-intro h2{display:block;color:#102e40;font-family:Impact,'Arial Narrow',Arial,sans-serif}.compact-form{grid-template-columns:1fr 1fr auto;align-items:end}.compact-form .workbench-action{width:auto}.form-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.card-diagram{max-width:490px}.drill-preview{max-width:450px}.drill-modes{display:flex}.drill-modes span{min-height:40px}}
@media(max-width:700px){.header-inner{flex-wrap:wrap;min-height:0;gap:8px 12px;padding-block:10px}.brand{font-size:1.28rem}.brand img{width:42px;height:42px}.header-inner nav{margin-left:auto;gap:11px}.header-inner nav a{font-size:.71rem}.header-search{width:100%;order:3}.hero{min-height:265px}.hero-copy{width:100%;padding-block:32px}.hero h1{font-size:clamp(2.9rem,10.5vw,4.4rem)}.hero .intro{font-size:.95rem}.hero-image{display:block;width:100%;opacity:.43;mask-image:none;object-position:70% 60%}.hero:after{display:block;background:linear-gradient(90deg,#041a2afa,#041a2aaf)}.hero-blueprint{display:none}.benefits{font-size:.69rem;white-space:normal}.workbench-tab{font-size:.82rem;text-align:center;display:block;min-height:74px;padding:10px 4px}.workbench-tab small{font-size:.62rem}.tab-number{margin:0 auto 4px;width:25px;height:25px;font-size:.83rem}.workbench-panel{padding:18px 15px}.compact-form,.form-grid,.helper-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-form .workbench-action{width:100%;grid-column:1/-1}.workbench-panel .tool-intro p{font-size:.9rem}.drill-modes{display:grid}.drill-modes span{font-size:.7rem}.footer-inner{display:flex;flex-direction:column;gap:3px;padding-block:10px}.footer-inner nav{justify-content:center}.footer-mark{width:105px;height:94px}.footer-mark img{width:105px;height:105px}.footer-copy{text-align:center;font-size:.7rem}}
@media(max-width:420px){.header-inner nav a{font-size:.66rem}.brand{font-size:1.07rem}.brand img{width:36px;height:36px}.benefits{gap:7px}.benefits span{white-space:normal}.workbench-tab{font-size:.7rem}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-form{grid-template-columns:1fr}.tool-form input,.tool-form select{font-size:.94rem}.drill-modes span{font-size:.64rem}.result-actions button,.result-actions a{font-size:.72rem}}
@media print{.workbench{display:block}.workbench-panel{display:block}.hero-image{display:none}footer{background:white}}
/* Keep the original logo artwork and give each tool the full workbench width. */
html,body{max-width:100%;overflow-x:clip}.wrap{width:100%;max-width:1240px;min-width:0}.header-inner,.hero,.hero-copy,.workbench,.workbench-tabs,.workbench-panel,.tool-form,.form-grid,.quick-actions,.section-grid{min-width:0;max-width:100%}.brand{min-width:0;white-space:nowrap}.brand-art{display:block;position:relative;flex:0 0 62px;width:62px;height:62px;overflow:hidden;clip-path:polygon(50% 0,95% 24%,95% 76%,50% 100%,5% 76%,5% 24%);background:#fff3df;filter:drop-shadow(2px 3px 0 #020f1b)}.brand-art img{position:absolute;max-width:none;width:170px;height:170px;left:-54px;top:-19px;mix-blend-mode:multiply;filter:none}.brand .brand-art{margin-right:2px}
.workbench{display:block;background:#faf0df;border:1px solid #ead7b9;border-radius:8px;box-shadow:0 12px 30px #010d1770;overflow:hidden}.workbench-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;background:#071f32}.workbench-tab{grid-row:auto;grid-column:auto!important;border-radius:0;border:0;border-right:1px solid #68808a;border-bottom:4px solid transparent;min-height:75px;min-width:0}.workbench-tab:first-child{border-top-left-radius:8px}.workbench-tab:last-child{border-top-right-radius:8px;border-right:0}.workbench-tab[aria-selected=true]{border:0;border-right:1px solid #ddb99c;border-bottom:4px solid #ffdfb9}.workbench-panel{display:block;grid-row:auto;grid-column:auto!important;width:100%;padding:26px 31px 30px;border:0;border-radius:0 0 8px 8px}.workbench-panel[hidden]{display:none!important}.tool-intro{min-height:0;display:block;margin-bottom:18px}.tool-intro h2{display:block;color:#0c2b3e;font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:1.75rem;letter-spacing:.02em;margin-bottom:5px}.tool-intro p{font-size:.95rem;max-width:760px}.compact-form{grid-template-columns:minmax(230px,1fr) minmax(175px,.55fr) auto;align-items:end}.compact-form .workbench-action{width:auto;min-width:180px}.form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.segmented{display:flex;flex-wrap:wrap}.segmented span{min-width:120px;padding-inline:15px}.drill-modes{display:flex}.drill-modes span{min-width:145px}.card-diagram{max-width:540px;max-height:175px}.drill-preview{max-width:570px}.workbench-result{margin-top:22px}.big-answer{font-size:clamp(1.65rem,3vw,2.4rem)}.spec-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.clearance-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:900px){.header-inner{flex-wrap:wrap}.header-inner nav{margin-left:auto}.header-search{width:100%;order:3}.compact-form{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-form .workbench-action{grid-column:1/-1;width:100%}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.spec-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.brand-art{flex-basis:42px;width:42px;height:42px}.brand-art img{width:120px;height:120px;left:-38px;top:-14px}.header-inner{justify-content:space-between}.header-inner nav{order:2}.header-search{order:3}.hero-copy{padding-inline:0}.hero h1{font-size:clamp(2.35rem,9vw,4rem);overflow-wrap:normal}.workbench-panel{padding:20px 16px 23px}.workbench-tab{min-height:71px;font-size:.87rem;white-space:normal}.workbench-tab small{font-size:.65rem}.compact-form{grid-template-columns:1fr}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.segmented{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.segmented span{min-width:0}.drill-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.drill-modes span{min-width:0}.clearance-grid{grid-template-columns:1fr}}
@media(max-width:440px){.wrap{padding-inline:14px}.brand{font-size:1.1rem;letter-spacing:0}.brand-art{flex-basis:35px;width:35px;height:36px}.brand-art img{width:104px;height:104px;left:-33px;top:-12px}.header-inner nav{width:100%;justify-content:space-between;margin-left:0;order:2}.header-inner nav a{font-size:.76rem}.hero h1{font-size:clamp(2.05rem,9vw,2.65rem)}.hero .intro{font-size:.91rem}.workbench-tab{font-size:.73rem;line-height:1.12;padding:10px 4px}.workbench-tab small{font-size:.62rem}.tab-number{margin:0 auto 5px}.form-grid{grid-template-columns:1fr 1fr;gap:10px}.tool-form label{font-size:.84rem}.tool-intro h2{font-size:1.5rem}.tool-intro p{font-size:.91rem}.spec-grid{grid-template-columns:1fr 1fr}}
/* A clear conversion example fills the hero even before its photograph loads. */
.hero-image{filter:grayscale(.8) brightness(.77) contrast(1.45);opacity:.98}.hero:after{background:linear-gradient(90deg,#041a2a 8%,#041a2ae5 38%,#041a2a7d 70%,#041a2a50 100%)}.hero-blueprint{right:31%;top:20px;width:158px;height:158px;opacity:.74}.hero-feature{position:absolute;right:25px;bottom:31px;z-index:2;width:355px;min-height:178px;padding:17px 19px 15px;border:1px solid #e5d0ae;border-left:4px solid #ce1922;background:linear-gradient(135deg,#071d30f2,#0a2c40e9);box-shadow:0 12px 26px #0007;color:#fff3df;text-decoration:none;transition:transform .16s ease,border-color .16s ease}.hero-feature:hover{transform:translateY(-3px);border-color:#fff4df;color:#fff3df}.hero-feature-label{display:block;font-size:.74rem;font-weight:850;letter-spacing:.15em;color:#ffdcbb}.hero-size-line{display:flex;gap:13px;align-items:baseline;justify-content:space-between;margin:10px 0 5px;font-family:Impact,'Arial Narrow',Arial,sans-serif;line-height:1}.hero-size-line strong{font-size:2.65rem;white-space:nowrap;font-weight:900}.hero-size-line strong:first-child{color:#fff4df}.hero-size-line strong:last-child{color:#f33c42}.hero-size-line small{font-family:Arial,sans-serif;font-size:.42em;font-weight:850;text-transform:uppercase}.hero-size-line>span{font-family:Arial,sans-serif;color:#f4ccae;font-weight:900;font-size:1.45rem}.hero-feature-note{display:block;color:#d5e1dc;font-size:.82rem;line-height:1.3}.hero-feature-link{display:block;margin-top:13px;padding-top:10px;border-top:1px solid #6a8591;color:#fff5e0;letter-spacing:.1em;font-size:.76rem;font-weight:900}.hero-feature-link b{float:right;color:#f15352;font-size:1rem;line-height:.8}@media(max-width:1100px){.hero-feature{width:290px;padding:14px;right:15px;bottom:19px;min-height:0}.hero-size-line strong{font-size:2rem}.hero-feature-note{font-size:.75rem}.hero-blueprint{right:28%;width:125px;height:125px}.hero-copy{width:60%}}@media(max-width:850px){.hero-feature{display:none}.hero-copy{width:100%}.hero-blueprint{display:none}.hero-image{opacity:.65}}@media(max-width:700px){.hero-image{opacity:.48}.hero:after{background:linear-gradient(90deg,#041a2af8,#041a2ac4)}}@media(prefers-reduced-motion:reduce){.hero-feature{transition:none}}