/* v20: accessible vector icons and bidirectional network data flow */
.hn20-value-strip .hn20-value{display:flex;align-items:center;gap:14px;min-width:0;transition:transform .25s ease}
.hn20-value-strip .hn20-value:hover{transform:translateY(-5px)}
.hn20-value-icon{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;color:#087cf0;border-radius:12px;background:#e2f1ff;transition:background .25s,color .25s,box-shadow .25s}
.hn20-value-icon svg{width:23px;height:23px;display:block}
.hn20-value:hover .hn20-value-icon{background:#087cf0;color:white;box-shadow:0 7px 20px #087cf044}
.hn20-signals{pointer-events:none}.hn20-signal-out{fill:#fff;stroke:#35c7ff;stroke-width:2;filter:drop-shadow(0 0 5px #58d5ff)}
.hn20-signal-in{fill:#62ddff;filter:drop-shadow(0 0 5px #62ddff)}
.hn-network:hover .hn-network-core{filter:drop-shadow(0 0 12px #4fd1ff)}
@media(max-width:600px){.hn20-value-strip .hn20-value{gap:8px}.hn20-value-icon{width:32px;height:32px;flex-basis:32px}.hn20-value-icon svg{width:20px;height:20px}}
@media(prefers-reduced-motion:reduce){.hn20-signals{display:none}.hn20-value-strip .hn20-value,.hn20-value-icon{transition:none}}