.addition-pair-figure{max-width:30rem;margin:1rem auto}.addition-pair-figure svg,.order-scope svg{width:100%;max-width:420px;height:auto;margin-inline:auto;display:block}.addition-pair-figure text,.order-scope svg text{font:24px var(--font-body);fill:var(--ink)}.addition-pair-figure rect,.order-scope svg rect{fill:var(--surface);stroke:var(--ink);stroke-width:1.5px}.addition-pair-figure .operation-origin{fill:none;stroke:var(--line-strong);stroke-dasharray:4 4}.addition-pair-figure .operation-group{fill:var(--surface-soft);stroke:var(--accent);stroke-dasharray:5 3}.operation-strike{stroke:var(--emphasis);stroke-width:2.5px}.operation-arrow{fill:none;stroke:var(--accent);stroke-width:2px}.addition-pair-figure figcaption{font-size:var(--text-support);color:var(--muted);line-height:1.7}.operation-equation{overflow-wrap:anywhere;font-size:1.15rem;font-weight:700;line-height:2.2}.order-scope,.division-law{gap:.7rem;display:grid}.operation-outline{border:2px solid var(--accent);padding:.2rem}.denominator-frame{border:2px solid var(--ink);border-radius:var(--radius-small);background:var(--surface-soft);padding:.75rem}.denominator-terms{text-align:center;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;display:grid}.denominator-terms>div{min-width:0}.denominator-terms p{margin:.5rem 0;line-height:2}.denominator-terms svg{width:20px;height:50px;margin:auto;display:block}.operation-choices{flex-wrap:wrap;gap:.6rem;display:flex}.operation-choices button{min-height:48px;font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius-small);padding:.6rem}.operation-choices [aria-pressed=true]{outline:2px solid var(--emphasis);outline-offset:-2px}.operation-result{border:1.5px solid var(--line-strong);border-radius:var(--radius-small);margin:.8rem 0;padding:.8rem}.denominator-note{font-size:var(--text-support);margin:.5rem 0;line-height:1.7}.denominator-terms p.common-scale{font-size:var(--text-support);margin:.15rem 0;font-weight:700;line-height:1.4}
