.sg-card .mini svg{width:72px;height:44px;display:block}
.an4-intro{grid-template-columns:minmax(0,1fr) 260px}
.an4-hero{width:260px;max-width:100%;margin-inline:auto}
.an4-hero svg,.an4-name svg,.an4-meas svg,.an4-draw svg,.an4-split svg{display:block;width:100%;height:auto;margin-inline:auto;font-family:Nunito,sans-serif;font-style:normal}
.an4-name svg{max-width:360px}
.an4-meas svg,.an4-draw svg{max-width:480px}
.an4-split svg{max-width:420px}
.an4-controls{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px}
.an4-controls .sg-btn{box-sizing:border-box;min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;text-align:center}
.an4-controls [hidden]{display:none}
.an4-controls .sg-btn:focus-visible,.an4-name [role=button]:focus-visible,.an4-section .sg-opts button:focus-visible,.an4-example .sg-btn:focus-visible{outline:3px solid #2F6FEB;outline-offset:2px}
.an4-name [role=button]{cursor:pointer;outline-offset:2px}
.an4-name [role=button]:focus-visible{outline-offset:-3px}
.an4-name-count-done{color:#4A7A1E}
.an4-split input[type=range]{width:100%;min-height:44px;margin:0;accent-color:#2F6FEB}
.an4-section .sg-opts button{box-sizing:border-box;min-height:44px;max-width:100%;overflow-wrap:anywhere}
.an4-hero-arm{transform-origin:30px 150px;transform-box:view-box;transition:transform 700ms ease-in-out}
.an4-hero-state{transition:opacity 250ms}
@media(max-width:900px){.an4-intro{grid-template-columns:1fr}.an4-hero{width:100%;max-width:260px}.an4-name svg,.an4-meas svg,.an4-draw svg,.an4-split svg{max-width:none}}
@media(prefers-reduced-motion:reduce){.an4-hero-arm,.an4-hero-state,.an4-section,.an4-section *,.an4-example *,.an4-intro *{animation:none!important;transition:none!important}}

.an4-hero svg text{paint-order:stroke;stroke:#FFFFFF;stroke-width:5px;stroke-linejoin:round}