.cross-head{text-align:center;padding:2.5rem 0 1rem;background:linear-gradient(180deg,#0a2840,#061018)}
.cross-head h1{font-size:clamp(1.35rem,3.2vw,1.85rem);font-weight:800;margin-bottom:.5rem;color:#e8f4fc}
.cross-head p{font-size:.92rem;color:#6a8aa8}
.cross-id{font-size:.7rem;color:#00e5ff;font-family:monospace;margin-top:.5rem;display:block;letter-spacing:.12em}

.cable-cross{padding:2rem 0 3.5rem}
.cross-stack{max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:0;border:2px solid #1a4a6a;border-radius:4px;overflow:hidden}
.cross-layer{display:grid;grid-template-columns:80px 1fr auto;gap:1rem;align-items:center;padding:1.25rem 1.35rem;border-bottom:1px solid #1a4a6a;background:#0a1828}
.cross-layer:last-child{border-bottom:none}
.cross-layer.core{background:#0a2030;border-left:4px solid #00e5ff}
.layer-depth{font-size:.65rem;font-weight:800;color:#00e5ff;font-family:monospace;writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);letter-spacing:.08em}
.layer-body h2{font-size:1.05rem;font-weight:800;margin-bottom:.4rem;color:#e8f4fc}
.layer-body p{font-size:.86rem;color:#6a8aa8;line-height:1.6;margin-bottom:.45rem}
.layer-body li{font-size:.84rem;color:#6a8aa8;padding:.15rem 0}
.layer-body li::before{content:"~ ";color:#00e5ff;font-family:monospace}
.cross-layer img{border:1px solid #1a4a6a;max-width:160px}

.fiber-appendix{background:#041018;border-top:2px solid #00e5ff;border-bottom:2px solid #1a4a6a;padding:2.5rem 0}
.fiber-pair{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}
.fiber-block{background:#0a1828;border:1px solid #1a4a6a;padding:1.25rem;font-family:monospace}
.fiber-block h3{font-size:.9rem;font-weight:800;color:#00e5ff;margin-bottom:.6rem}
.fiber-block li{font-size:.86rem;color:#6a8aa8;padding:.26rem 0;font-family:"PingFang SC",sans-serif}

.cross-cta{text-align:center;padding:2.5rem 1rem;background:#00e5ff;color:#041018}
.cross-cta h2{font-size:1.15rem;font-weight:800;margin-bottom:.7rem;font-family:monospace}
.cross-cta a{display:inline-block;background:#041018;color:#00e5ff!important;padding:.5rem 1.3rem;font-weight:800;text-decoration:none!important}

@media(max-width:640px){
  .cross-layer{grid-template-columns:1fr}
  .layer-depth{writing-mode:horizontal-tb;transform:none;margin-bottom:.35rem}
  .cross-layer img{max-width:100%}
  .fiber-pair{grid-template-columns:1fr}
}