.alx-figure{margin:1rem 0;padding:clamp(1rem,3vw,1.8rem);border:1px solid #c8c6eb;border-radius:24px;background:linear-gradient(140deg,#f1eeff,#edf9ff 65%,#fff6df);color:#263452;overflow-wrap:anywhere}
.alx-figure figcaption{font-weight:750;color:#514674;margin-bottom:1rem}.alx-figure svg{display:block;width:100%;max-width:430px;height:auto;margin:auto}.alx-figure svg text{font:650 19px system-ui;fill:#273758;text-anchor:middle}
.alx-beam{fill:none;stroke:#6544a1;stroke-width:4;stroke-linecap:round}.alx-pan{fill:#bbe6ec;stroke:#306579;stroke-width:2}.alx-pivot{fill:#efd07f;stroke:#765812;stroke-width:2}
.alx-equation{display:flex;align-items:center;justify-content:center;gap:clamp(.4rem,2vw,1.2rem);margin:.8rem 0;padding:.8rem;border:1px solid #d8c9ed;border-radius:16px;background:#fff;font:700 clamp(1rem,3vw,1.4rem)/1.5 system-ui;text-align:center}.alx-equation>span{min-width:0}.alx-equation>b{color:#735298;flex-shrink:0}
.alx-machine,.alx-tiles{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center;justify-content:center}.alx-tiles>div{display:flex;gap:.3rem;flex-wrap:wrap}.alx-tile{display:inline-flex;align-items:center;justify-content:center;min-width:36px;min-height:44px;border:2px solid #6651a1;border-radius:11px;background:#e3d8ff;color:#35205c;font-weight:750;padding:.3rem}.alx-number{background:#d5edf9;border-color:#40708d;color:#244454}.alx-result{background:#c3edda;border-color:#2f7553;color:#20583e}
.alx-note{background:#fffaf0;padding:1rem;border:1px solid #e5cb96;border-radius:16px;margin-top:1rem}.alx-status{font-weight:650;min-height:3em}.alx-actions{display:flex;gap:.6rem;flex-wrap:wrap}.alx-actions button{min-height:48px;padding:.7rem .9rem;border:2px solid #6651a1;border-radius:14px;background:#fff;color:#443069;font:700 1rem system-ui;cursor:pointer;box-shadow:0 3px 0 #d5c7ec}.alx-actions button[aria-pressed=true]{color:#fff;background:#584080}.alx-actions button:focus-visible,.alx-link:focus-visible{outline:3px solid #087f91;outline-offset:4px}
.alx-steps{display:grid;gap:.65rem;padding-left:1.4rem}.alx-steps li{padding:.6rem .8rem;border:1px solid #d5c9e4;background:#fff;border-radius:14px}.alx-steps li span,.alx-steps li strong{display:block}.alx-steps li strong{font-size:1.15rem;margin-top:.3rem}
.alx-receipt{max-width:360px;margin:auto;padding:1.2rem;background:#fff;border:1px solid #d3cee2;border-top:6px solid #7b60b1;border-radius:12px;box-shadow:0 8px 20px #4430600d}.alx-receipt>span{font-size:.8rem;letter-spacing:.08em;font-weight:800;color:#68517b}.alx-receipt p{display:flex;gap:1rem;justify-content:space-between}.alx-total{border-top:2px dashed #b7a8c8;padding-top:.8rem}.alx-link{display:inline-block;padding:.8rem 1rem;background:#fff;color:#443069;border:1px solid #b7a8c8;border-radius:14px;font-weight:700;line-height:1.5}
@media(max-width:560px){.alx-figure{padding:1rem}.alx-actions button{flex:1 1 auto}.alx-equation{padding:.65rem .4rem}.alx-tile{min-width:30px}}