.schem{display:grid;gap:18px;margin-top:10px}
.sbtns{display:flex;flex-wrap:wrap;gap:8px;align-content:flex-start}
.sbtns button{font:inherit;font-size:14px;color:var(--tx);background:var(--card);border:1px solid var(--line);border-radius:999px;padding:9px 14px;cursor:pointer}
.sbtns button[aria-pressed=true]{background:var(--ac);border-color:var(--ac);color:#fff}
.sbtns button:focus-visible{outline:3px solid var(--ac2);outline-offset:2px}
.exploded{width:100%;max-width:620px;height:auto}
.exploded g rect,.exploded g path{fill:#15151f;stroke:#3a3a52;stroke-width:2}
.exploded g path{fill:none}
.exploded text{fill:#a3a3b5;font:600 14px system-ui,sans-serif}
.exploded g.on rect{fill:rgba(124,92,255,.45);stroke:var(--ac2)}.exploded g.on path{stroke:var(--ac2)}.exploded g.on text{fill:#fff}
.sexp{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px 16px;margin:0;min-height:3em}
.sexp a{margin-left:4px}
.snote{font-size:13px;color:var(--mut);margin:12px 0 0}
@media (min-width:760px){.schem{grid-template-columns:240px 1fr}.schem.one{grid-template-columns:1fr 1fr;align-items:center}.schem:not(.one) .sexp{grid-column:1/-1}}