.balanced-numbers-lab,.balance-static{--role-focus:var(--emphasis);--role-line:var(--line-strong);--role-ink:var(--ink);--role-muted:var(--muted);--role-panel:var(--surface);color:var(--role-ink)}.balance-board{gap:12px;min-width:0;display:grid}.balance-board p{font-size:var(--text-body);overflow-wrap:anywhere;margin:0;line-height:1.7}.balance-board .balance-result{border:1px solid var(--line-strong);border-radius:var(--radius-small);background:var(--surface-soft);font-size:var(--text-body);gap:8px;padding:10px 12px;display:grid}.balance-number-line{width:min(100%,340px);margin:auto;display:block}.balance-number-line text{font:18px var(--font-body);fill:var(--ink);text-anchor:middle}.balance-axis{fill:none;stroke:var(--ink);stroke-width:1.5px}.balance-reference{fill:none;stroke:var(--line-strong);stroke-width:1.5px;stroke-dasharray:4 4}.balance-point{fill:var(--surface);stroke:var(--diagram-first);stroke-width:2.5px}.balance-distance-track{fill:none;stroke:var(--line-strong);stroke-dasharray:3 4;stroke-width:1.5px}.balance-distance-arrow{fill:none;stroke:var(--diagram-first);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.balance-choices{flex-wrap:wrap;gap:8px;display:flex}.balance-choices button{border:1px solid var(--line-strong);border-radius:var(--radius-small);background:var(--surface);max-width:100%;min-height:44px;color:var(--ink);font:var(--text-body) var(--font-body);text-align:left;padding:8px 12px}.balance-choices button[aria-pressed=true]{border:2px solid var(--diagram-first);background:var(--surface-soft)}.balance-choices button:focus-visible{outline:3px solid var(--diagram-third);outline-offset:2px}.balance-board details>summary{min-height:44px;font-size:var(--text-body);align-content:center}.balance-board details[open]>div{margin-top:12px}.balance-static{margin-inline:0}.balance-static figcaption{font-size:var(--text-support);color:var(--muted);line-height:1.7}@media (width<=440px){.balance-choices button{flex:100%}.balance-board .balance-result{padding:8px}}.balance-board .calculation-product-row small,.balance-board .calculation-pending{font-size:var(--text-support)}.balance-board .calculation-product-row>div{font-size:var(--text-body)}