.viz-route{border:1px solid var(--color-border);background:var(--color-surface);border-radius:4px;margin:1.5rem 0;padding:1.25rem 1.5rem}.viz-route__track{flex-direction:column;gap:0;margin-bottom:1rem;display:flex}.viz-route__hop{text-align:left;cursor:pointer;width:100%;font-family:var(--font-mono);background:0 0;border:1px solid #0000;border-radius:2px;grid-template-columns:1.6rem 1fr 4.5rem;align-items:center;gap:.6rem;padding:.35rem .5rem;display:grid}.viz-route__hop:hover,.viz-route__hop--active{background:var(--color-surface-2);border-color:var(--color-border)}.viz-route__num{border:1px solid var(--color-border);width:1.4rem;height:1.4rem;color:var(--color-primary);border-radius:50%;justify-content:center;align-items:center;font-size:.7rem;display:inline-flex}.viz-route__bar-wrap{background:var(--color-surface-2);border-radius:2px;height:.7rem;overflow:hidden}.viz-route__bar{border-radius:2px;height:100%;display:block}.viz-route__bar--low{background:var(--color-accent)}.viz-route__bar--mid{background:var(--color-warning)}.viz-route__bar--high{background:var(--color-danger)}.viz-route__rtt{color:var(--color-text-muted);text-align:right;font-size:.75rem}.viz-route__link{background:var(--color-border);width:1px;height:.5rem;margin-left:1.2rem;display:block}.viz-route__detail{border:1px solid var(--color-border);border-left:3px solid var(--color-primary);background:var(--color-surface-2);color:var(--color-text-muted);border-radius:0 2px 2px 0;padding:.7rem .9rem;font-size:.85rem}.viz-route__detail strong{color:var(--color-text);font-family:var(--font-mono)}.viz-route__detail code{color:var(--color-primary)}