/* Scoped to the reviewed multiplication lesson; shared classroom controls stay intact. */
body[data-multiply-lesson] .mul-visual{animation:none}
.mul-fixed{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;font-size:18px}
.mul-fixed b{font:600 30px ui-monospace,monospace;letter-spacing:.15em}
.mul-labels{display:grid;grid-template-columns:repeat(var(--count),minmax(0,1fr));gap:5px;margin:5px 0 8px;font-size:17px}
.mul-labels span:first-child{grid-column:span var(--aw)}.mul-labels span:nth-child(2){grid-column:span var(--cw)}.mul-labels span{text-align:center}.mul-labels span:nth-child(3){font-size:13px;align-self:center}
.mul-plane{position:relative;height:100px;--gap:5px;--cell:calc((100% - (var(--count) - 1)*var(--gap))/var(--count))}
.mul-slots{display:grid;grid-template-columns:repeat(var(--count),minmax(0,1fr));gap:var(--gap)}
.mul-slot{height:58px;border:1px solid var(--line);border-radius:6px;background:#f6f8f3}
.mul-boundary{border-left:3px solid var(--green)}
.mul-token{position:absolute;left:calc(var(--i)*(var(--cell) + var(--gap)));width:var(--cell);height:58px;top:0;display:flex;justify-content:center;align-items:center;font:600 32px ui-monospace,monospace;border-radius:6px;background:#f0f4ef;color:var(--ink)}
.mul-transfer{background:#d3e8df;color:#123f35}.mul-focus{outline:2px solid #95601d;outline-offset:-2px}.mul-fill{background:#eee2c7}
.mul-exit{position:absolute;right:0;bottom:1px;font-size:15px;color:var(--muted)}
.mul-caption{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:17px}.mul-key:before{content:'';display:inline-block;width:12px;height:12px;background:#a6d3c3;margin-right:6px}
.mul-before{font:17px/1.6 ui-monospace,'Microsoft YaHei',monospace;overflow-wrap:anywhere;margin:10px 0 0}
.mul-motion-status{font-size:15px;line-height:1.4;min-height:21px;margin:8px 0 0;color:var(--muted)}
.mul-motion-status:empty{display:none}.mul-eight{position:relative}.mul-part-token{position:absolute;top:0}
.mul-visual{position:relative}.mul-guard{box-shadow:inset 0 3px #cdbb91}.mul-unused{opacity:.5}.mul-debt-state{display:flex;align-items:center;gap:12px;padding:6px 10px;margin-top:8px;border:1px dashed #95601d;background:#fcf6e7;font-size:16px}.mul-debt-state b{font:700 24px monospace}.mul-debt-state span{margin-left:auto;font-size:14px}
.mul-result{border-top:1px solid var(--line);margin-top:12px;padding-top:8px;display:grid;gap:8px;font-size:16px}.mul-result-code{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:5px}.mul-result-code .mul-digit:first-child{background:#eee2c7;border-right:3px solid var(--green)}.mul-flying{position:absolute;z-index:2;display:flex;align-items:center;justify-content:center;background:#d3e8df;font:600 25px monospace;border-radius:4px;pointer-events:none}
.mul-path{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:35px 0}.mul-path>span{padding:14px;background:#e5eee5;border:1px solid var(--line);border-radius:8px;font-size:20px;text-align:center}.mul-path>span:nth-of-type(2){background:#efe5ce}.mul-signal{position:absolute;bottom:4px;opacity:0;padding:4px 8px;background:var(--green);color:white;border-radius:5px}.mul-path-note{font-size:18px}.mul-identity{font-size:24px;text-align:center;padding:24px 0}.mul-identity>b{display:block;font:600 30px/1.8 monospace}.mul-identity p{font-size:19px}
.mul-six{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.mul-pair-list{display:flex;flex-wrap:wrap;gap:8px}.mul-pair-list span{padding:9px;background:#eef3e8;border-radius:5px;font:20px monospace}.mul-boundary-demo p{font-size:18px}.mul-contributions{display:flex;justify-content:center;gap:12px}.mul-contributions b{background:#d3e8df;padding:14px}
.mul-debt-diagram{display:grid;grid-template-columns:1fr 1fr;gap:16px;font-size:19px}.mul-high,.mul-low{border:1px solid var(--line);padding:16px;text-align:center;background:#f0f4eb;min-height:145px}.mul-high small,.mul-low small{display:block}.mul-high b,.mul-low>b{display:block;font-size:26px;margin-top:18px}.mul-low>b{color:#80522b}.mul-debt-diagram>p{grid-column:1/-1;margin:0}.mul-four{display:flex;gap:3px;margin-top:12px}.mul-four i{display:inline-block;flex:1;background:#d3e8df;font:16px monospace;padding:5px 1px;visibility:hidden}.mul-marks-nav{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0;font-size:14px}.mul-marks-nav a{border:1px solid var(--line);padding:5px 10px;border-radius:5px;text-decoration:none}.mul-marks-nav a[aria-current=true]{background:var(--green);color:white}
@media(max-width:760px){.mul-labels{font-size:12px}.mul-token{font-size:18px}.mul-fixed b{font-size:22px}.mul-path{gap:4px}.mul-path>span{font-size:15px;padding:9px}.mul-debt-diagram{gap:8px}.mul-high,.mul-low{padding:10px}.mul-high b,.mul-low>b{font-size:21px}.mul-before{font-size:13px}.mul-result{font-size:14px}.mul-four i{font-size:13px}.mul-debt-state{gap:6px;flex-wrap:wrap}.mul-debt-state span{margin-left:0}.mul-labels span:nth-child(3){font-size:12px}}
.mul-product{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;border-top:2px solid var(--green);margin-top:14px;padding-top:12px;font-size:18px}.mul-product b{font:600 30px ui-monospace,monospace}
.mul-operands{display:flex;justify-content:center;align-items:center;gap:18px;margin:0 0 12px;font:600 28px ui-monospace,monospace}
.mul-multiplier{display:flex;gap:4px}.mul-digit{display:flex;align-items:center;justify-content:center;min-width:0;height:38px;border-radius:4px;background:#f0f4ef;font:500 23px ui-monospace,monospace}.mul-multiplier .mul-digit{width:34px}
.mul-part{display:grid;grid-template-columns:100px minmax(0,1fr) 75px;gap:12px;align-items:center;margin:8px 0;font-size:16px}.mul-eight{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px}.mul-pending{color:#65756d}.mul-pending .mul-digit{background:#f7f8f5}.mul-new .mul-digit{background:#d3e8df}
.mul-format-line{display:grid;grid-template-columns:1fr;gap:5px;margin:12px 0}.mul-format-line>span{font-size:17px;color:var(--muted)}.mul-format-line b{font:600 clamp(20px,2.1vw,32px)/1.5 ui-monospace,monospace;overflow-wrap:anywhere}.mul-format-line small{font-size:17px}.mul-format-result{border-top:1px solid var(--line);padding-top:12px}.mul-format-result em{display:inline-block;font-style:normal;background:#d3e8df}
@media(min-width:1100px){body[data-multiply-lesson] .screen:has(.mul-visual){grid-template-columns:minmax(0,1.5fr) minmax(290px,1fr)}body[data-multiply-lesson] .screen:has(.mul-visual)>.frame-prediction{grid-column:1/-1;grid-row:auto}body[data-multiply-lesson] .screen:has(.mul-visual)>.formula{grid-column:2;grid-row:1}body[data-multiply-lesson] .mul-visual{padding:20px 24px}body[data-multiply-lesson] .mul-visual h2{font-size:25px;margin-bottom:10px}}
@media(max-width:760px){.mul-labels{font-size:14px;gap:3px}.mul-labels span:nth-child(3){font-size:11px}.mul-plane{--gap:3px;height:99px}.mul-slot,.mul-token{height:44px}.mul-token{font-size:23px}.mul-fixed{font-size:15px}.mul-fixed b{font-size:24px;letter-spacing:0}.mul-caption{font-size:15px}.mul-before{font-size:14px}.mul-exit{font-size:13px}.mul-part{grid-template-columns:1fr auto;gap:4px;margin:10px 0}.mul-part>span:first-child{grid-row:1;grid-column:1}.mul-part>span:last-child{grid-row:1;grid-column:2}.mul-eight{grid-column:1/-1;grid-row:2}.mul-operands{font-size:24px;gap:10px}.mul-digit{font-size:21px;height:32px}.mul-product b{font-size:25px}}
@media print{.mul-plane{height:95px}.mul-slot,.mul-token{height:38px}.mul-token{font-size:20px}.mul-motion-status,[data-mul-replay]{display:none}.mul-visual{break-inside:avoid}.mul-part{break-inside:avoid}}
.mul-fixed b{white-space:nowrap;flex-shrink:0}.mul-result-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.mul-result-top button{padding:5px 10px;font-size:14px;min-height:32px}.mul-visual:has(.mul-result) .mul-caption,.mul-visual:has(.mul-result) .mul-debt-state{display:none}.mul-visual:has(.mul-result) .mul-plane{height:86px}
@media(min-width:1100px) and (max-height:850px){body[data-multiply-lesson] .mul-marks-nav{margin:2px 0;font-size:13px}body[data-multiply-lesson] .mul-marks-nav a{padding:2px 8px}body[data-multiply-lesson] .mul-visual{padding:16px 22px}body[data-multiply-lesson] .mul-motion-status{font-size:14px;margin-top:4px;min-height:18px}body[data-multiply-lesson] .mul-before{font-size:16px;margin-top:4px}.mul-debt-state{margin-top:5px;padding:3px 8px}.mul-fixed{padding:4px 0}.mul-plane{height:92px}.mul-slot,.mul-token{height:52px}.mul-visual:has(.mul-result) .mul-plane{height:80px}}

.mul-marks-nav a[aria-current="page"]{background:#164d46;color:white}.mul-continue{padding:12px 0}.mul-continue a{color:#17675e;text-decoration:underline}.mul-motion-status button{font:inherit;margin-right:8px}.mul-marks-nav+.mul-marks-nav{margin-top:-8px;font-size:.85em}

.mul-outcome{border-top:1px solid #c2d1c4;margin:14px 0 0;padding-top:12px;font-size:19px;line-height:1.65}.mul-outcome b{display:block;font-size:13px;color:var(--muted);margin-bottom:5px}.mul-outcome[hidden]{display:none}.mul-compare{width:100%;border-collapse:collapse;font-size:19px;text-align:center}.mul-compare th,.mul-compare td{padding:5px;border-bottom:1px solid var(--line)}.mul-compare .mul-current{background:#d3e8df}.mul-prerequisite{font-size:16px;line-height:1.6;margin:8px 0}.mul-prerequisite a{margin-left:10px}.mul-formula mark{font-size:21px;line-height:1.65}@media(max-width:760px){.mul-outcome,.mul-compare{font-size:17px}.mul-formula mark{font-size:20px}.mul-compare th,.mul-compare td{padding:6px 2px}}

.mul-compare th,.mul-compare td{line-height:1.3;padding:4px 6px}.mul-boundary-demo p{margin:8px 0}

.mul-debt-before{margin:0 0 10px;font-size:20px}.mul-debt-before strong{font:650 25px ui-monospace,monospace;color:var(--green)}
.mul-debt-gap{display:block;font-size:16px;line-height:1.5;margin-top:10px}.mul-debt-reminder{padding:8px 10px;background:#fcf6e7;border-left:3px solid #95601d;font-size:17px;line-height:1.6}.mul-debt-reminder strong{white-space:nowrap;color:#80522b}.mul-debt-equality{font-size:18px;line-height:1.5}
.mul-debt-diagram .mul-high,.mul-debt-diagram .mul-low{min-height:175px}
@media(max-width:760px){.mul-debt-diagram{grid-template-columns:1fr}.mul-debt-diagram .mul-high,.mul-debt-diagram .mul-low{min-height:0;padding:12px}.mul-debt-diagram b{margin-top:8px}.mul-debt-gap{font-size:15px}.mul-debt-equality{font-size:16px}}

@media(min-width:1100px) and (max-height:850px){.mul-debt-diagram{gap:10px}.mul-debt-diagram .mul-high,.mul-debt-diagram .mul-low{padding:10px;min-height:140px}.mul-debt-diagram .mul-high b,.mul-debt-diagram .mul-low>b{margin-top:8px}.mul-debt-diagram .mul-four{margin-top:6px}.mul-debt-before{margin-bottom:6px}.mul-debt-gap{margin-top:6px}.mul-debt-reminder{padding:6px 8px}}