.cls-article .cls-article__related{margin:clamp(44px,6vw,86px) 0 0;padding:clamp(36px,5vw,64px) clamp(20px,3.5vw,48px);background:#061a2d;color:#fff;border-top:3px solid #D97706;border-radius:0}.cls-article .cls-article__related *,.cls-article .cls-article__return *{box-sizing:border-box}.cls-article .cls-article__related-heading{display:flex;justify-content:space-between;align-items:end;gap:26px;margin-bottom:28px}.cls-article .cls-article__related .cls-article__eyebrow{color:#f0a54a;margin:0 0 12px}.cls-article .cls-article__related-heading h2{color:#fff!important;font-size:clamp(26px,3vw,38px);line-height:1.15;margin:0 0 10px}.cls-article .cls-article__related-heading p:not(.cls-article__eyebrow){color:#c5d2de;margin:0;font-size:14px;line-height:1.6}.cls-article .cls-article__related-all{color:#fff;text-decoration:none;border-bottom:1px solid #D97706;padding-bottom:7px;white-space:nowrap;font-size:13px;font-weight:750}.cls-article .cls-article__related-all span{color:#f0a54a}.cls-article .cls-article__related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.cls-article .cls-article__related-card{background:#fff;color:#061a2d;border:1px solid #DCE3EA;border-radius:9px;padding:24px;min-width:0;display:flex;flex-direction:column;min-height:240px;transition:transform .2s,border-color .2s}.cls-article .cls-article__related-card:hover{transform:translateY(-2px);border-color:#d97706}.cls-article .cls-article__related-kicker{color:#a95200;font-size:10px;letter-spacing:.09em;text-transform:uppercase;font-weight:800;margin:0 0 13px}.cls-article .cls-article__related-card h3{font-size:17px;line-height:1.36;font-weight:750;margin:0 0 12px}.cls-article .cls-article__related-card h3 a{color:#061a2d;text-decoration:none}.cls-article .cls-article__related-excerpt{font-size:13px;line-height:1.65;color:#48586a;margin:0 0 20px;flex:1}.cls-article .cls-article__related-read{display:block;border-top:1px solid #E5EAF0;padding-top:14px;color:#061a2d;font-weight:750;font-size:12px;text-decoration:none;margin-top:auto}.cls-article .cls-article__related-read span{color:#d97706;margin-left:5px}.cls-article .cls-article__related-card a:hover{color:#b65e05}.cls-article .cls-article__return{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:clamp(26px,4vw,42px);margin:0 0 clamp(40px,5vw,70px);background:#edf2f6;border:1px solid #D7E0E7;border-top:0;border-radius:0}.cls-article .cls-article__related+.cls-article__return{margin-top:0}.cls-article .cls-article__return-eyebrow{font-size:10px;letter-spacing:.12em;font-weight:800;color:#a95200;margin:0 0 9px}.cls-article .cls-article__return-copy h2{color:#061a2d!important;font-size:clamp(22px,2.2vw,29px);line-height:1.2;margin:0 0 9px}.cls-article .cls-article__return-copy p:last-child{color:#475c6d;font-size:14px;line-height:1.6;margin:0}.cls-article .cls-article__return>a{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 18px;background:#061a2d;color:#fff!important;text-decoration:none;border-radius:5px;border-bottom:3px solid #D97706;font-size:12px;font-weight:800;max-width:320px;text-align:center}.cls-article .cls-article__return>a:hover{background:#12354c}.cls-article .cls-article__return>a span{color:#f0a54a}.cls-article .cls-article__related a:focus-visible,.cls-article .cls-article__return a:focus-visible{outline:3px solid #D97706;outline-offset:3px}@media(max-width:1050px){.cls-article .cls-article__related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.cls-article .cls-article__related{padding:30px 18px}.cls-article .cls-article__related-heading,.cls-article .cls-article__return{flex-direction:column;align-items:stretch}.cls-article .cls-article__related-all{white-space:normal;align-self:flex-start}.cls-article .cls-article__related-grid{grid-template-columns:1fr}.cls-article .cls-article__related-card{min-height:0}.cls-article .cls-article__return>a{max-width:none}}@media(prefers-reduced-motion:reduce){.cls-article .cls-article__related-card{transition:none}.cls-article .cls-article__related-card:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/46/assets/cls-technical-article-related.css.map */
