.cable-guide{max-width:1250px}
.cable-guide h1{font-size:clamp(2.4rem,5vw,4.5rem)}
.cable-guide a.download-main{color:#f0f4eb}
.cable-guide figure{margin:0}
.cable-guide figure img{width:100%;display:block;background:white;border-radius:8px}
.cable-guide figcaption{font-size:.9rem;color:var(--muted);padding:.7rem 0 1.4rem}
.cable-guide .viewer-grid{margin:1.5rem 0 2.5rem}
.cable-guide .viewport{min-height:600px}
.cable-guide .viewport canvas{width:100%;height:600px;display:block}
.cable-guide .controls button{margin-top:1rem;background:#2a454a;color:#e6efea;border:1px solid #75958e;border-radius:4px;padding:9px 12px;cursor:pointer}
.cable-guide .controls p{color:#b8cdd1}
.cable-guide .controls #cable-phase{color:#e7f1ed}
#cable-count{font-size:.8rem;color:var(--muted)}
#cable-loading{position:absolute;inset:45% 0 auto;text-align:center;color:#bfdbdb}
#cable-error{position:absolute;inset:35% 10% auto;background:#412c2c;color:#f0e4e4;padding:24px;border-radius:8px}
.cable-figures{display:grid;grid-template-columns:1fr 1fr;gap:24px}
@media(max-width:760px){.cable-figures{grid-template-columns:1fr}.cable-guide .viewport,.cable-guide .viewport canvas{min-height:420px;height:420px}}