.preview-ribbon{display:flex;align-items:center;gap:20px;padding:13px 4.5vw;background:#173447;color:#fff;font-size:12px;line-height:1.5}.preview-ribbon b{font-size:10px;letter-spacing:1.6px;color:#a6d9e6;white-space:nowrap}.preview-ribbon a{margin-left:auto;white-space:nowrap;color:#fff;text-decoration:underline;text-underline-offset:3px}.connection-preview{margin-top:38px;background:#eef4f7;border:1px solid #d8e4eb;padding:38px;scroll-margin-top:30px}.connection-intro h2{font-size:36px!important;margin:14px 0!important;line-height:1.15}.connection-intro>p{font-size:14px;color:#547083;max-width:690px;line-height:1.7}.connection-controls{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:28px 0 0;padding-bottom:28px;border-bottom:1px solid #cedee6}.connection-controls label{display:block;min-width:0}.connection-controls label>span{display:block;font-size:12px;font-weight:700;margin-bottom:10px}.connection-controls select{display:block;width:100%;min-height:48px;border:1px solid #a7c3d0;border-radius:5px;font:14px Arial;padding:12px 30px 12px 12px;background:#fff;color:#173447;cursor:pointer;appearance:auto}.connection-controls select:focus-visible,.connection-tablelink:focus-visible{outline:3px solid #0089ab;outline-offset:3px}.connection-body{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:24px;align-items:center;margin-top:28px}.connection-kind{font-size:10px;letter-spacing:1.2px;text-transform:uppercase;font-weight:700;color:#50748a}.connection-copy h3{font-size:39px!important;margin:13px 0 18px!important;line-height:1.1!important;letter-spacing:-1.3px!important;overflow-wrap:anywhere}.connection-copy>p{font-size:14px;line-height:1.75;color:#547083;margin:0;max-width:520px}.connection-metrics{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:25px 0 18px;padding:20px 0;border-block:1px solid #cedee6}.connection-metrics dt{font-size:11px;color:#547083;margin:0 0 8px}.connection-metrics dd{margin:0;font-size:23px;font-weight:700;letter-spacing:-.5px;line-height:1.3}.connection-copy p.connection-fit{font-size:11px;line-height:1.7}.connection-tablelink{display:inline-block;margin-top:19px;color:#007b9b;font-size:12px;font-weight:700}.connection-scene{margin:0;min-width:0;padding:0 0 4px}.connection-art{position:relative;height:315px;max-width:510px;margin:auto}.connection-tool-figure{position:absolute;left:0;top:0;width:70%;text-align:center}.connection-tool-figure img{width:100%;height:215px;object-fit:contain;display:block}.connection-part-figure{position:absolute;right:0;bottom:0;width:34%;text-align:center}.connection-part-figure img{width:100%;height:142px;object-fit:contain;display:block}.connection-art span{display:block;font-size:10px;color:#577384;margin-top:9px}.connection-art strong{display:block;font-size:15px;line-height:1.4;margin-top:3px}.connection-scene>figcaption{font-size:10px!important;line-height:1.6!important;text-align:center;color:#6d8796;margin:22px 0 0!important}.connection-scene.plastic .connection-part-figure{width:49%}.connection-scene.plastic .connection-part-figure img{height:135px}.connection-scene[data-family=pliers] .connection-tool-figure{width:76%}.connection-scene[data-family=pliers] .connection-part-figure{width:24%}.connection-scene[data-family=pliers] .connection-part-figure img{height:130px}.connection-scene[data-variant=fpre] .connection-part-figure{width:32%}.connection-scene[data-variant=fpre] .connection-part-figure img{height:140px}.connection-comparison{padding-top:52px;scroll-margin-top:25px}.connection-comparison h2{margin:12px 0 16px!important;font-size:31px!important}.connection-tableintro{font-size:14px;color:#547083;max-width:790px;line-height:1.8}.connection-table{min-width:820px;font-size:12px}.connection-table caption{font-size:11px;line-height:1.7}.connection-table thead th{background:#173447;font-size:11px}.connection-table tbody th{background:transparent;color:#173447;font-size:12px;width:21%;font-weight:700}.connection-table td,.connection-table th{padding:18px 15px}.connection-table td:last-child{width:34%;color:#547083;font-size:11px}.connection-table .bore-cell{white-space:nowrap;font-size:15px;font-weight:bold}.catalog-source{display:block;font-size:10px;line-height:1.5;font-weight:400;color:#007b9b;margin-top:8px}.connection-table tr.current-connection{background:#e6f3f7}.connection-table tr.current-connection>th{box-shadow:inset 3px 0 #0083a6}.connection-footnotes p{font-size:11px;line-height:1.8;color:#587383;margin:10px 0}.connection-footnotes .connection-pending{padding:15px 18px;background:#fff8e9;border-left:3px solid #bb883d;color:#74501f}.pending-value{color:#8b601e}.connection-explainer{display:grid;grid-template-columns:1fr 1.1fr;gap:30px;padding:30px;background:#173447;color:#fff;margin:34px 0 24px}.connection-explainer .eyebrow{color:#85c9dd;font-size:9px}.connection-explainer h3{font-size:26px!important;margin:14px 0 0!important;line-height:1.2!important;color:#fff}.connection-explainer p{font-size:12px;color:#d0e1e9;line-height:1.8;margin:0 0 12px}.connection-explainer a{font-size:12px;color:#96d6e7;font-weight:bold}.connection-sources{font-size:12px!important}.connection-sources p{font-size:12px;line-height:1.8;margin-top:16px;color:#547083}.connection-sources a{color:#007b9b;text-decoration:underline}.connection-preview *{box-sizing:border-box}
@media(min-width:1600px){.connection-art{height:350px}.connection-tool-figure img{height:240px}.connection-part-figure img{height:160px}}
@media(max-width:1250px){.connection-preview{padding:26px}.connection-body{grid-template-columns:1fr}.connection-scene{max-width:550px;width:100%;margin:auto}.connection-copy>p{max-width:none}.connection-art{height:310px}.connection-copy h3{font-size:34px!important}}
@media(max-width:720px){.preview-ribbon{padding:10px 20px;gap:5px 12px;flex-wrap:wrap;font-size:10px}.preview-ribbon span{width:100%;order:3}.preview-ribbon a{font-size:10px}.connection-preview{padding:21px 17px;margin-top:26px;scroll-margin-top:14px}.connection-intro h2{font-size:28px!important}.connection-intro>p{font-size:13px}.connection-controls{grid-template-columns:1fr;gap:18px;margin-top:23px;padding-bottom:23px}.connection-controls select{font-size:13px}.connection-controls label>span{font-size:11px}.connection-body{margin-top:23px;gap:24px}.connection-copy h3{font-size:30px!important}.connection-copy>p{font-size:13px}.connection-metrics{gap:12px}.connection-metrics dd{font-size:20px}.connection-kind{font-size:9px}.connection-art{height:255px}.connection-tool-figure img{height:175px}.connection-part-figure img{height:110px}.connection-scene[data-variant=fpre] .connection-part-figure img{height:110px}.connection-scene[data-family=pliers] .connection-part-figure img{height:110px}.connection-scene.plastic .connection-part-figure img{height:105px}.connection-art strong{font-size:12px}.connection-art span{font-size:9px}.connection-scene>figcaption{font-size:9px!important}.connection-comparison{padding-top:35px}.connection-comparison h2{font-size:26px!important}.connection-tableintro{font-size:13px}.connection-explainer{grid-template-columns:1fr;padding:23px;gap:20px}.connection-explainer h3{font-size:24px!important}.connection-footnotes p{font-size:11px}.connection-preview+.connection-comparison .table-scroll{margin-top:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}
/* Keep the controls comfortably clickable in Safari as well as Chrome. */
.connection-controls select{-webkit-appearance:none;appearance:none;height:48px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%23173447' stroke-width='1.7'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px}
.connection-tool-figure img{transform:scale(1.4);mix-blend-mode:multiply}
.connection-scene[data-family=pliers] .connection-tool-figure img{transform:none}
.connection-scene[data-family=flat] .connection-tool-figure img{transform:scale(1.25)}
.connection-application{border-left:3px solid #0784a4;padding:11px 14px;margin-top:18px;background:#e4eef3}.connection-application b{display:block;font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#007b9b;margin-bottom:5px}.connection-application p{font-size:12px;line-height:1.7;color:#466577;margin:0}.connection-guide{padding-top:42px}.connection-guide>p{font-size:14px;line-height:1.8;color:#547083}.connection-guide .soft-box p+p{margin-top:15px}.connection-guide .soft-box .connection-models{font-size:11px;padding-top:14px;border-top:1px solid #cedee6}.connection-cement{display:grid;grid-template-columns:1.4fr 1fr;gap:30px;align-items:center;background:#eef4f7;padding:30px;margin:36px 0;scroll-margin-top:25px}.connection-cement h2{font-size:29px!important;margin:16px 0 20px!important}.connection-cement p{font-size:13px;line-height:1.8;color:#547083;margin:12px 0}.connection-cement a{display:inline-block;font-size:12px;font-weight:700;color:#007b9b;margin-top:12px}.connection-cement figure{margin:0;min-width:0}.connection-cement figure img{width:100%;height:240px;object-fit:contain}.connection-cement figcaption{font-size:10px;color:#547083;text-align:center;margin-top:15px}.connection-guide{scroll-margin-top:25px}@media(max-width:720px){.connection-cement{grid-template-columns:1fr;padding:22px;gap:20px}.connection-cement h2{font-size:25px!important}.connection-cement figure img{height:190px}.connection-guide>p{font-size:13px}}