.link-map-grid{
  display:grid;
  gap:12px;
}
.link-card{
  display:grid;
  grid-template-columns: 1fr 160px 1fr;
  gap:12px;
  align-items:center;
  padding:14px;
  border:1px solid rgba(0,255,0,.16);
  border-radius:16px;
  background: rgba(255,255,255,.03);
}
.link-side{
  border:1px solid rgba(0,255,0,.14);
  border-radius:12px;
  padding:12px;
  background: rgba(0,255,0,.04);
}
.link-device{ font-weight:700; }
.link-port{ font-size:12px; color: rgba(0,255,0,.75) !important; }
.link-mid{ text-align:center; }
.link-cable{ font-weight:700; }
.link-arrow{ font-size:26px; line-height:1.2; }
.link-type{ font-size:12px; color: rgba(0,255,0,.75) !important; }

.path-flow{
  display:grid;
  grid-template-columns: 1fr 40px 1fr 40px 1fr 40px 1fr;
  gap:10px;
  align-items:center;
}
.path-node{
  border:1px solid rgba(0,255,0,.16);
  border-radius:14px;
  padding:14px;
  background: rgba(0,255,0,.04);
}
.path-title{
  font-size:12px;
  color: rgba(0,255,0,.75) !important;
  margin-bottom:6px;
}
.path-arrow{
  text-align:center;
  font-size:24px;
}

@media (max-width: 992px){
  .link-card{ grid-template-columns: 1fr; }
  .path-flow{ grid-template-columns: 1fr; }
  .path-arrow{ transform: rotate(90deg); }
}