/* HUBMAT Visual — 5º ano · Álgebra. Extensão autoral, sem dependências externas. */
.alg-balance{display:grid;grid-template-columns:1fr 70px 1fr;align-items:center;gap:10px;max-width:620px;margin:12px auto}
.alg-pan{min-height:118px;display:grid;place-items:center;background:#fff;border:2px solid #8da392;border-radius:14px;padding:12px;text-align:center}
.alg-pan strong{font-size:clamp(25px,5vw,40px)}.alg-sign{font-size:38px;font-weight:900;text-align:center}
.alg-controls{display:flex;gap:7px;flex-wrap:wrap;justify-content:center}.alg-controls .btn{flex:1 1 92px}
.alg-equation{font-size:clamp(25px,5vw,42px);font-weight:850;text-align:center;margin:10px 0}
.alg-box{display:inline-grid;place-items:center;min-width:58px;min-height:52px;padding:4px 10px;border:2px solid var(--blue);border-radius:10px;background:#dcebf8}
.alg-table{width:100%;border-collapse:collapse;background:#fff;border-radius:10px;overflow:hidden}.alg-table th,.alg-table td{padding:10px;border:1px solid var(--line);text-align:center}.alg-table strong{font-size:22px}
.alg-ratio{display:grid;grid-template-columns:var(--ra,1fr) var(--rb,2fr);gap:5px;max-width:620px;margin:12px auto}.alg-ratio>div{min-height:86px;display:grid;place-items:center;border-radius:12px;font-weight:850;font-size:23px}.alg-ratio .a{background:#d9e8f5;border:2px solid var(--blue)}.alg-ratio .b{background:#f8df9f;border:2px solid #9a711b}
.alg-meter{text-align:center;font-size:clamp(21px,4vw,32px);font-weight:800}.alg-note{text-align:center;color:var(--muted);font-size:13px}
@media(max-width:520px){.alg-balance{grid-template-columns:1fr 44px 1fr;gap:5px}.alg-pan{min-height:92px;padding:7px}.alg-sign{font-size:28px}.alg-table{font-size:12px}}
.alg-balance{position:relative;padding-top:34px}.alg-balance::before{content:'';position:absolute;top:22px;left:16%;right:16%;height:5px;background:#607584;border-radius:5px;transform:rotate(var(--balance-tilt,0deg));transform-origin:center;transition:transform .2s ease}.alg-balance::after{content:'';position:absolute;top:20px;left:50%;width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:26px solid #426251;transform:translateX(-50%)}.alg-balance[data-balance="left"] .alg-pan:first-child,.alg-balance[data-balance="right"] .alg-pan:last-child{background:#fff3d7}.alg-balance[data-balance="equal"] .alg-pan{background:#eef7f2}
.alg-prop-bars{display:grid;gap:9px;max-width:620px;margin:12px auto}.alg-prop-row{display:grid;grid-template-columns:38px 1fr;gap:8px;align-items:center}.alg-prop-row>span{display:block;min-width:38px;padding:9px 10px;background:#d9e8f5;border:1px solid #235f9b;border-radius:8px;font-weight:850}.alg-prop-row:nth-child(2)>span{background:#f8df9f;border-color:#9a711b}.alg-prop-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-width:620px;margin:8px auto}.alg-prop-meta>div{background:#fff;border:1px solid var(--line);border-radius:10px;padding:8px;text-align:center}.alg-prop-meta strong{display:block;font-size:18px}