.inf-container{position:relative}
.inf-description{margin-bottom:30px;text-align:left;line-height:1.6}
.inf-description p{margin-bottom:15px;color:#333}
.inf-network-container{width:100%;height:580px;border:1px solid #e0e0e0;border-radius:5px;position:relative}
.inf-legend{margin:20px 0;display:flex;flex-wrap:wrap;gap:15px;justify-content:center;align-items:center}
.inf-legend-item{display:flex;align-items:center;gap:8px;padding:5px 10px;background:#f5f5f5;
   border-radius:15px;cursor:pointer;transition:all .3s ease;border:2px solid transparent}
.inf-legend-item:hover{background:#e9ecef;transform:translateY(-2px)}
.inf-legend-item.active{border-color:#007bff;background:#e3f2fd}
.inf-legend-color{width:12px;height:12px;border-radius:50%;border:1px solid rgba(0,0,0,0.2)}
.inf-legend-text{font-size:12px;font-weight:500}
.inf-node-text{font-size:10px;fill:#333;text-anchor:middle;pointer-events:none;font-weight:500}
.inf-generation-text{font-size:12px;font-weight:bold;fill:white;text-anchor:middle;pointer-events:none}
.inf-link{stroke:rgba(150,150,150,0.9);stroke-width:1}
.inf-node{cursor:pointer;transition:all .3s ease}
.inf-node:hover{stroke-width:3}
.inf-tooltip{position:absolute;padding:8px 12px;background:rgba(239, 239, 241, 0.70);color:black;
   border-radius:5px;font-size:13px;pointer-events:none;z-index:1000;max-width:200px;line-height:1.4;transform:translate(-50%,-100%);margin-top:-10px;text-wrap: balance; text-align: center;}
.inf-controls{margin:15px 0;text-align:center}
.inf-control-button{display:flex;align-items:center;gap:8px;padding:0px 0px;background:#fff;
   border-radius:6px;cursor:pointer;transition:all .3s ease;border:2px solid transparent;font-size:16px}
.inf-control-button:hover{background:#666}