.arp-reference-grid--columns .academy-arp-svg{display:block;width:100%;max-width:600px;height:auto;margin-inline:auto;background:#fff;border:1px solid #d2ddd6;border-radius:5px}
.academy-arp-svg line{stroke:#26362d;stroke-width:1.25}
.academy-arp-svg text{fill:#203328;font:500 20px system-ui;text-anchor:middle}
.academy-arp-svg .nut{fill:#ccc;stroke:#26362d;stroke-width:1}
.academy-arp-svg .dot{fill:#18231d}
.academy-arp-svg .root-ring{fill:#fff;stroke:#18231d;stroke-width:2}
.arp-reference-grid--columns{grid-template-columns:repeat(4,minmax(0,1fr))}
.arp-reference-grid--columns figcaption{font-size:1rem}
.arp-shape-play{display:block;min-height:44px;margin:8px auto 16px;padding:8px 16px;background:#183e2c;color:#fff;border:0;border-radius:6px;font:600 14px system-ui;cursor:pointer}
.arp-shape-play:focus-visible{outline:3px solid #b68b39;outline-offset:3px}
.arp-shape-play[aria-pressed=true]{background:#7d382d}
@media(max-width:1280px){.arp-reference-grid--columns{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.arp-reference-grid--columns{grid-template-columns:minmax(0,1fr)}.arp-reference-grid--columns article{width:100%;box-sizing:border-box;min-width:0}}