.cablehero{display:grid;grid-template-columns:1.35fr 1fr;gap:50px;align-items:center;margin:45px 0 65px}.cablehero h1{font-size:clamp(36px,4.7vw,60px);line-height:1.1;letter-spacing:-2px}.cablehero h1 em{font-style:normal;color:#4d745e}.cablevisual,.topodrawing,.busdiagram,.fiberdiagram{background:#122e3b;color:#c4ee69;border-radius:16px}.cablevisual{padding:32px}.cablevisual small{letter-spacing:2px;font-size:11px}.cablevisual svg{display:block;width:100%;max-height:260px}.cablevisual strong{color:#e0eee8;font-size:24px}.cablesection{padding:55px 0;border-top:1px solid #d4e0d9;scroll-margin-top:24px}.cablesection h2,.cablecheck h2{font-size:clamp(28px,3.5vw,42px);line-height:1.2;margin:18px 0 28px}.cablesection h3{font-size:24px}.topogrid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin:32px 0}.topodrawing{padding:12px}.topodrawing svg{width:100%;display:block}.topogrid h3{margin:20px 0 8px}.cablecards{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin:30px 0}.cablecards article{border-top:2px solid #a3b797;padding-top:10px}.coaxparts{display:grid;grid-template-columns:240px 1fr;align-items:center;gap:40px;margin:36px 0}.coaxparts li{margin-bottom:12px}.coaxcut{width:220px;height:220px;display:grid;place-items:center}.coaxcut span{display:grid;place-items:center;border-radius:50%;width:210px;height:210px;background:#122e3b}.coaxcut span span{width:165px;height:165px;background:repeating-conic-gradient(#b1bdc0 0deg 10deg,#6d848b 10deg 20deg)}.coaxcut span span span{width:125px;height:125px;background:#e8eee0}.coaxcut span span span span{width:40px;height:40px;background:#c58a4c}.busdiagram{padding:32px;text-align:center;overflow:auto}.busdiagram>div{font:700 clamp(15px,2.4vw,30px) monospace;white-space:nowrap}.busdiagram p{color:#d4e6dc;font-size:12px;letter-spacing:1px}.cablenote{background:#eaf0e2;padding:24px;border-left:4px solid #628e64;border-radius:0 10px 10px 0;margin:26px 0;line-height:1.8}.cabletable{overflow:auto;margin:30px 0}.cabletable table{width:100%;border-collapse:collapse;min-width:620px}.cabletable th,.cabletable td{text-align:left;padding:18px;border-bottom:1px solid #cfdbd4;vertical-align:top}.cabletable thead{background:#122e3b;color:white}.cabletable tbody th{white-space:nowrap}.cablesmall{font-size:14px}.pincharts{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:32px 0}.pinchart{border:1px solid #cbdbd1;border-radius:14px;padding:28px;background:white}.pinchart h3{margin:0 0 24px}.plugbody{border:3px solid #7c9994;border-radius:14px 14px 4px 4px;padding:16px 14px;background:#edf3f0}.plugcontacts{display:grid;grid-template-columns:repeat(8,1fr);gap:6px;text-align:center}.plugcontacts b{display:block;font-size:18px;color:#122e3b}.plugcontacts span{display:block;border:1px solid #789184;height:85px;margin-top:10px}.plugneck{display:block;text-align:center;font-size:10px;letter-spacing:1px;margin:16px 0 0}.pinchart ol{list-style:none;margin:20px 0 0;padding:0}.pinchart li{display:flex;align-items:center;gap:15px;border-bottom:1px solid #e0e9e4;padding:8px 0}.pinchart li b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#eaf0e2}.fiberdiagram{padding:30px;margin:30px 0;text-align:center}.fiberdiagram b{display:block;color:#d5e7df;font-size:13px;letter-spacing:2px}.fiberdiagram span{display:block;font:700 clamp(14px,3vw,32px) monospace;padding:18px 0}.connectorgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:28px 0}.connectorgrid article{background:#eaf0e2;padding:24px;border-radius:10px}.connectorgrid strong{font-size:26px;color:#416852}.cablecheck{background:#eaf0e2;padding:38px;border-radius:16px;margin:35px 0}.cablecheck li{padding:8px 0}.redespage .resourcebuttons{display:flex;flex-wrap:wrap;gap:12px}.redespage .resourcebuttons a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;box-sizing:border-box}@media(max-width:950px){.cablehero{grid-template-columns:1fr}.topogrid,.cablecards,.connectorgrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.topogrid,.cablecards,.connectorgrid,.pincharts,.coaxparts{grid-template-columns:1fr}.coaxcut{margin:auto}.pinchart{padding:20px}.cablehero{margin-top:30px}.cablesection{padding:35px 0}.cablehero h1{letter-spacing:-1px}.cablecheck{padding:24px}.cablevisual{padding:24px}}