legend-card

<svg xmlns="http://www.w3.org/2000/svg" width="480" height="320" viewBox="0 0 480 320"><rect x="0" y="0" width="480" height="320" fill="#F4F4EF" rx="10"/><rect x="2" y="2" width="476" height="316" rx="10" fill="none" stroke="#3FC7A0" stroke-width="2" stroke-dasharray="4 6"/><text x="16" y="25.0" fill="#3FC7A0" font-family="&#x27;JetBrains Mono&#x27;, &#x27;SF Mono&#x27;, monospace" font-size="10.0" font-weight="700" text-anchor="start" dominant-baseline="hanging" letter-spacing="2.0">LEGEND</text><circle cx="27.0" cy="57.0" r="11.0" fill="#3FC7A0" opacity="0.5"/><text x="27.0" y="57.0" fill="#F4F4EF" font-family="&#x27;DM Sans&#x27;, system-ui, sans-serif" font-size="11.0" font-weight="800" text-anchor="middle" dominant-baseline="middle">1</text><line x1="49.0" y1="57.0" x2="464" y2="57.0" stroke="#788492" stroke-width="1" stroke-dasharray="6.0,6.0" opacity="0.4"/><circle cx="27.0" cy="105.0" r="11.0" fill="#3FC7A0" opacity="0.5"/><text x="27.0" y="105.0" fill="#F4F4EF" font-family="&#x27;DM Sans&#x27;, system-ui, sans-serif" font-size="11.0" font-weight="800" text-anchor="middle" dominant-baseline="middle">2</text><line x1="49.0" y1="105.0" x2="464" y2="105.0" stroke="#788492" stroke-width="1" stroke-dasharray="6.0,6.0" opacity="0.4"/><circle cx="27.0" cy="153.0" r="11.0" fill="#3FC7A0" opacity="0.5"/><text x="27.0" y="153.0" fill="#F4F4EF" font-family="&#x27;DM Sans&#x27;, system-ui, sans-serif" font-size="11.0" font-weight="800" text-anchor="middle" dominant-baseline="middle">3</text><line x1="49.0" y1="153.0" x2="464" y2="153.0" stroke="#788492" stroke-width="1" stroke-dasharray="6.0,6.0" opacity="0.4"/></svg>