.system-visual{position:relative}.system-visual img{width:100%;border-radius:var(--radius-md)}.hotspot{position:absolute;transform:translate(-50%, -50%);width:2.75rem;height:2.75rem;border-radius:50%;background:var(--color-primary);color:#fff;border:2px solid #fff}.system-legend{padding-left:1.5rem}.system-legend li{padding:1rem;border-bottom:1px solid var(--color-border);transition:background .2s}.system-legend li.is-active{background:var(--color-primary-soft);color:var(--color-text)}.system-legend h3{margin-bottom:.75rem}@media(max-width: 760px){.hotspot{display:none}}