.connections-page{max-width:1000px;margin:auto}.connections-page p{max-width:75ch;line-height:1.7}.connection-controls{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem;border:1px solid #55736b}.connection-controls label{cursor:pointer}.connection-visual{overflow-x:auto;margin:2rem 0}.connection-visual svg{width:100%;min-width:620px;background:#102426;border:1px solid #496965;border-radius:12px}.connection-visual circle{fill:#e4c683}.connection-visual text{fill:#e7f1ea;font:13px Manrope,sans-serif}.connection-visual .cluster-label{fill:#a9d1ca;font:bold 18px Playfair Display,serif}.connection-visual line{stroke:#d4ba78;stroke-width:2}.edge-mentor{stroke-width:4}.edge-colleague{stroke-dasharray:6 3}.edge-family{stroke-width:3}.edge-river-court{stroke-dasharray:3 3}.edge-rival{stroke-dasharray:1 5;stroke-linecap:round;stroke-width:3}.edge-antagonist{stroke-dasharray:8 3 2 3;stroke-width:3}.connection-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.connection-list section{padding:1rem;border:1px solid #496965;border-radius:10px}.connection-list ul{padding-left:1.2rem;line-height:1.8}.relation-type{text-transform:capitalize;font-weight:700}.type-rival,.type-antagonist{text-decoration:underline wavy}