.aw-app .aw-window[data-type=operations] .aw-window-header{height:48px;min-height:48px;padding:1px 6px 1px 12px}
.aw-app .aw-window[data-type=operations] .aw-window-header h2{font-size:16px}
.aw-app .aw-window[data-type=operations] .aw-window-header button{height:44px;min-height:44px;min-width:44px;padding:10px}
.aw-app .aop-module{height:100%;min-height:380px;position:relative;display:flex;flex-direction:column;gap:10px;padding:14px 22px 12px;box-sizing:border-box;color:#233c43;isolation:isolate;container:aop / inline-size}
.aw-app .aop-module *{box-sizing:border-box}
.aw-app .aop-top{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-shrink:0}
.aw-app .aop-button{font:inherit;font-size:15px;font-weight:650;line-height:1.2;min-height:44px;min-width:44px;padding:10px 16px;border:1px solid #d5e3e0;border-radius:12px;background:#fff;color:#304f52;cursor:pointer;touch-action:manipulation;white-space:nowrap}
.aw-app .aop-button:hover{background:#edf7f4;border-color:#83b8ac}
.aw-app .aop-button:focus-visible,.aw-app .aop-module input:focus-visible,.aw-app .aop-module select:focus-visible{outline:3px solid #138376;outline-offset:-4px}
.aw-app .aop-button:disabled{opacity:.4;cursor:default}
.aw-app .aop-button.is-primary{background:#167e74;color:#fff;border-color:#167e74}
.aw-app .aop-button.is-primary:hover{background:#106b63}
.aw-app .aop-tabs,.aw-app .aop-editor-tabs{display:flex;gap:3px;padding:3px;border-radius:14px;background:#edf4f1}
.aw-app .aop-tabs .aop-button,.aw-app .aop-editor-tabs .aop-button{border-color:transparent;background:transparent;padding:10px 13px}
.aw-app .aop-button.is-active{background:#fff;color:#0d7368;box-shadow:0 2px 5px #163c3812}
.aw-app .aop-subtle{background:transparent;border-color:transparent}
.aw-app .aop-work{display:flex;align-items:center;justify-content:center;flex:1;min-height:120px;overflow:auto;padding:8px 16px}
.aw-app .aop-work.is-overflowing{align-items:flex-start}.aw-app .aop-work.is-wide{justify-content:flex-start}
.aw-app .aop-sheet{font-family:inherit;font-size:var(--op-size,80px);font-weight:650;line-height:1.12;font-variant-numeric:tabular-nums;flex:none;padding:.12em .16em;max-width:100%}
.aw-app .aop-sheet.has-grid{background-image:linear-gradient(#b9d3de70 1px,transparent 1px),linear-gradient(90deg,#b9d3de70 1px,transparent 1px);background-size:.8em .8em;border-radius:7px}
.aw-app .aop-row{display:grid;grid-template-columns:.8em repeat(var(--op-columns),.8em);align-items:center;min-height:1.1em}
.aw-app .aop-cell{display:flex;align-items:center;justify-content:center;min-height:1.05em;min-width:0;border-radius:.08em;text-align:center}
.aw-app .aop-sign{display:flex;justify-content:center;color:#657d7b;font-weight:450;white-space:nowrap}
.aw-app .aop-places{min-height:.34em;margin-bottom:.08em}
.aw-app .aop-places .aop-cell{font-size:.19em;min-height:1.8em;font-weight:750;background:#eef5f3;border:1px solid #e1ebe7;margin:0 .08em}
.aw-app .aop-carries{min-height:.45em;margin:.08em 0 .12em}
.aw-app .aop-carries .aop-cell{font-size:.36em;min-height:1.2em;width:1.65em;justify-self:center;border:1px solid #b6ccc7;border-radius:.15em;background:#f4f9f6}
.aw-app .aop-second{border-bottom:3px solid #28494d;padding-bottom:.07em}
.aw-app .aop-answer{padding-top:.13em;min-height:1.2em}
.aw-app .has-boxes .aop-answer .aop-cell,.aw-app .has-boxes .aop-quotient .aop-cell{border:1px solid #d3e1dc;margin:.035em;border-radius:.09em;background:#f8fbf980;min-height:1.04em}
.aw-app .aop-palette-classic .aop-place-0{color:#237ab1}.aw-app .aop-palette-classic .aop-place-1,.aw-app .aop-palette-classic .aop-place-4{color:#bd4655}.aw-app .aop-palette-classic .aop-place-2,.aw-app .aop-palette-classic .aop-place-5{color:#298055}.aw-app .aop-palette-classic .aop-place-3{color:#8159af}
.aw-app .aop-palette-ocean .aop-place-0,.aw-app .aop-palette-ocean .aop-place-3{color:#006c80}.aw-app .aop-palette-ocean .aop-place-1,.aw-app .aop-palette-ocean .aop-place-4{color:#357bb3}.aw-app .aop-palette-ocean .aop-place-2,.aw-app .aop-palette-ocean .aop-place-5{color:#394c88}
.aw-app .aop-palette-ink .aop-cell{color:#233c43}
.aw-app .aop-cell.is-column-active{background-color:#e6f4ee}
.aw-app .aop-operand .aop-cell.is-regrouped{text-decoration:line-through;text-decoration-thickness:2px;text-decoration-color:#bf7364;color:#8c9f9b}
.aw-app .aop-partial{min-height:.85em;font-size:1em}.aw-app .aop-partial .aop-cell{font-size:.7em;min-height:1.12em}
.aw-app .aop-partial .aop-sign{font-size:.2em;font-weight:700}
.aw-app .aop-partial.is-current-partial{background:#f2f8f5;border-radius:7px}
.aw-app .aop-partial:last-of-type{border-bottom:2px solid #8ba69d}
.aw-app .aop-partial+.aop-answer{border-top:2px solid #58766a}
.aw-app .aop-division{display:flex;gap:0;align-items:flex-start}
.aw-app .aop-dividend{padding-right:.25em}
.aw-app .aop-division-row{display:grid;grid-template-columns:repeat(var(--op-columns),.8em);position:relative;min-height:1.02em}
.aw-app .aop-division-row.aop-places{min-height:.34em}
.aw-app .aop-divisor{border-left:3px solid #28494d;min-width:calc(var(--op-right) * .8em + .45em)}
.aw-app .aop-divisor-number{border-bottom:3px solid #28494d;padding:.04em .3em .12em;min-height:1.05em;text-align:center;letter-spacing:.12em}
.aw-app .aop-divisor-label{font-size:.18em;text-align:center;line-height:1.8;min-height:1.8em;color:#6a837b}
.aw-app .aop-quotient{display:flex;padding:.12em .12em;min-height:1.25em}
.aw-app .aop-quotient .aop-cell{width:.8em}
.aw-app .aop-div-rest.has-rule:before{content:'';position:absolute;top:0;left:calc(var(--op-rule-start) * .8em);right:calc(var(--op-rule-end) * .8em);border-top:2px solid #718f85}
.aw-app .aop-div-minus{position:absolute;left:calc(var(--op-start) * 1.33333em - .55em);font-size:.6em;top:.22em;color:#718a82}
.aw-app .aop-partial-dividend{margin-top:.1em}.aw-app .aop-div-product{color:#59716b}
.aw-app .aop-division-blank{min-height:1.6em}
.aw-app .aop-negative-expression,.aw-app .aop-negative-result{text-align:center;white-space:nowrap;margin:.2em 0}
.aw-app .aop-explanation{display:flex;gap:14px;align-items:center;justify-content:center;min-height:46px;padding:7px 10px;color:#486b61;font-size:clamp(15px,1.4vw,21px);line-height:1.35;text-align:center;flex-shrink:0}
.aw-app .aop-exchange{white-space:nowrap;background:#e9f5ed;border:1px solid #c8ded2;border-radius:10px;padding:7px 12px;font-weight:750;color:#176b51}
.aw-app .aop-progress{font-size:12px;white-space:nowrap;color:#779187;font-variant-numeric:tabular-nums}
.aw-app .aop-bottom{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;flex-shrink:0}
.aw-app .aop-editor{position:absolute;right:14px;top:8px;bottom:8px;z-index:10;width:350px;max-width:calc(100% - 28px);padding:18px;background:#fff;border:1px solid #cddfd7;border-radius:18px;box-shadow:0 16px 45px #153c322c;display:flex;flex-direction:column;gap:14px}
.aw-app .aop-editor[hidden]{display:none}.aw-app .aop-editor header{display:flex;align-items:center;justify-content:space-between;gap:8px}.aw-app .aop-editor h3{font-size:20px;margin:0;color:#29484b}
.aw-app .aop-editor-tabs .aop-button{flex:1;padding:10px 8px}
.aw-app .aop-editor-body{display:flex;flex-direction:column;gap:10px;overflow:auto;min-height:0;padding:1px 3px 5px}
.aw-app .aop-number-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.aw-app .aop-field{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:#526d63}
.aw-app .aop-field input,.aw-app .aop-field select{font:inherit;min-height:46px;width:100%;border:1px solid #cbded4;border-radius:10px;background:white;color:#254b42;padding:9px 11px;max-width:100%}
.aw-app .aop-field input{font-size:26px;font-weight:650;min-height:50px}
.aw-app .aop-field .is-target{border:2px solid #168879;background:#f1faf6;padding:8px 10px}
.aw-app .aop-keypad{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.aw-app .aop-keypad .aop-button{font-size:23px;background:#f0f6f3;min-height:44px;padding:7px 12px}
.aw-app .aop-toggle{display:flex;align-items:center;gap:11px;min-height:48px;font-size:15px;cursor:pointer}.aw-app .aop-toggle input{width:24px;height:24px;accent-color:#167e74;flex:none}
.aw-app .aop-hint{font-size:13px;line-height:1.5;color:#758b80;margin:0}
.aw-app .aop-compact{padding:12px;gap:8px}.aw-app .aop-compact .aop-top{flex-wrap:wrap}.aw-app .aop-compact .aop-explanation{font-size:14px;flex-wrap:wrap}.aw-app .aop-compact .aop-button{font-size:13px;padding:10px 11px}
@media(max-width:1100px){.aw-app .aop-module{padding:12px;gap:6px}.aw-app .aop-button{font-size:13px;padding:10px 12px}.aw-app .aop-tabs .aop-button{padding:10px}.aw-app .aop-explanation{font-size:16px;min-height:40px}.aw-app .aop-work{padding:8px 10px}}
@media(max-width:750px){.aw-app .aop-top{flex-wrap:wrap}.aw-app .aop-top>.aop-button{margin-left:auto}.aw-app .aop-module{min-height:450px}.aw-app .aop-explanation{flex-wrap:wrap;font-size:14px;gap:6px}.aw-app .aop-tabs{width:100%}.aw-app .aop-tabs .aop-button{flex:1;padding:10px 7px;font-size:12px}.aw-app .aop-bottom .aop-button{font-size:12px;padding:10px}.aw-app .aop-editor{right:6px;max-width:calc(100% - 12px)}}
@media(max-width:480px){.aw-app .aop-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.aw-app .aop-tabs .aop-button{white-space:normal;min-width:0}.aw-app .aop-top>.aop-button{width:100%}}
.aw-app .aop-compact .aop-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
@media print{.aw-app .aop-top,.aw-app .aop-bottom,.aw-app .aop-editor{display:none!important}.aw-app .aop-module{min-height:0}.aw-app .aop-explanation{font-size:14px}.aw-app .aop-work{overflow:visible}}

/* Practice: the operation owns the canvas; the calculator sits beside it. */
.aw-app .aop-stage{display:flex;align-items:stretch;gap:18px;flex:1;min-height:0;min-width:0;position:relative}
.aw-app .aop-work{min-width:0}
.aw-app .aop-sheet{max-width:none}
.aw-app .aop-options{font-size:26px;letter-spacing:2px;padding:2px 10px;flex:none}
.aw-app .aop-student-pad{width:218px;flex:none;align-self:center;max-height:100%;overflow:auto;border:1px solid #dce8e3;background:#f7faf8;border-radius:18px;padding:10px;display:flex;flex-direction:column;gap:5px}
.aw-app .aop-student-pad h3{font-size:12px;margin:0;color:#6c837b;line-height:16px;font-weight:650}
.aw-app .aop-calculator-head{display:flex;align-items:center;justify-content:space-between;gap:6px;min-width:0}
.aw-app .aop-calculator-expression{font-size:12px;line-height:16px;min-height:16px;min-width:0;margin:0;color:#678279;overflow-wrap:anywhere;text-align:right}
.aw-app .aop-calculator-display{width:100%;min-height:40px;border:1px solid #d6e3dc;border-radius:9px;background:#fff;padding:5px 8px;text-align:right;font-family:inherit;font-size:24px;font-weight:600;line-height:1.2;color:#234a40;font-variant-numeric:tabular-nums}
.aw-app .aop-calculator-keys{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}
.aw-app .aop-calculator-keys .aop-button{padding:5px 0;min-height:44px;min-width:44px;font-size:22px;border-radius:9px;background:#fff}
.aw-app .aop-calculator-keys .aop-equals{grid-column:span 2;background:#e4efe9;color:#1d6b54}
.aw-app .aop-target-label{font-size:11px;line-height:14px;min-height:14px;margin:0;color:#648176;display:flex;align-items:center}
.aw-app .aop-transfer{width:100%;padding:8px 5px;font-size:13px}
.aw-app .aop-cell-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}
.aw-app .aop-cell-nav .aop-button{padding:5px;min-height:44px;font-size:19px}
.aw-app .aop-entry{font:inherit;line-height:inherit;padding:0;min-height:44px;min-width:44px;border:1.5px solid #c9dcd4;border-radius:.1em;background:#f8fbf9;cursor:pointer;touch-action:manipulation;color:inherit;box-shadow:none}
.aw-app .aop-entry:hover{background:#edf6f0}
.aw-app .aop-entry.is-selected{background:#e1f2e8!important;box-shadow:inset 0 0 0 2px #26886c;border-color:#26886c}
.aw-app .aop-entry:focus-visible{outline:2px solid #305966;outline-offset:-4px}
.aw-app .aop-entry.is-incorrect{border-color:#c25354;background:#fff1ef!important}
.aw-app .aop-entry.is-correct{border-color:#72a98a;background:#eef8ef!important}
.aw-app .aop-sheet:not(.has-boxes) .aop-answer .aop-entry:not(.is-selected),.aw-app .aop-sheet:not(.has-boxes) .aop-quotient .aop-entry:not(.is-selected){border-color:transparent;background:transparent}
.aw-app .aop-carries .aop-entry{min-width:44px;min-height:44px;width:calc(100% - 4px);font-size:.34em;border-style:dashed}
.aw-app .aop-row .aop-entry,.aw-app .aop-division-row .aop-entry{margin:2px}
.aw-app .aop-partial .aop-entry{min-height:44px}
.aw-app .aop-partial-carries{margin-top:.12em}
.aw-app .aop-quotient .aop-entry{min-width:44px}
.aw-app .aop-div-rest.has-rule{padding-top:.08em;margin-top:.03em}
.aw-app .aop-div-minus{left:calc(var(--op-start) * 1.33333em - .65em)}
.aw-app .aop-menu{position:absolute;right:20px;top:64px;z-index:9;width:272px;max-width:calc(100% - 24px);max-height:calc(100% - 80px);overflow:auto;display:flex;flex-direction:column;gap:6px;padding:12px;background:#fff;border:1px solid #d1e1d8;border-radius:15px;box-shadow:0 12px 36px #163d3224}
.aw-app .aop-menu[hidden]{display:none}
.aw-app .aop-menu header{display:flex;align-items:center;justify-content:space-between;font-size:14px}
.aw-app .aop-menu>.aop-button{text-align:left}
.aw-app .aop-menu-modes{display:flex;flex-direction:column;gap:4px}
.aw-app .aop-menu-modes:empty{display:none}
.aw-app .aop-menu-modes .aop-button.is-active{background:#e7f4ec}
.aw-app .aop-teacher{margin-top:4px;padding-top:8px;border-top:1px solid #e0eae4}
.aw-app .aop-teacher summary{min-height:44px;cursor:pointer;padding:12px 2px;font-size:13px;font-weight:600}
.aw-app .aop-teacher-controls{display:flex;flex-direction:column;gap:6px}
.aw-app .aop-teacher .aop-explanation{font-size:13px;text-align:left;margin:8px 0 0;padding:4px;min-height:0;display:block}
.aw-app .aop-return{position:absolute;bottom:4px;right:4px;font-size:13px}
.aw-app .aop-check-status{margin:0;font-size:13px;color:#426b58}
.aw-app .aop-number-fields{grid-template-columns:1fr}
.aw-app .aop-field input{font-size:25px;min-height:44px}
.aw-app .aop-compact .aop-stage{gap:5px}
.aw-app .aop-compact .aop-student-pad{width:212px;padding:7px}
@media(max-width:1100px){.aw-app .aop-stage{gap:6px}.aw-app .aop-student-pad{width:212px;padding:7px}.aw-app .aop-menu{right:12px;top:62px}}
@media(max-width:750px){.aw-app .aop-top{flex-wrap:nowrap}.aw-app .aop-tabs{width:auto;flex:1}.aw-app .aop-top>.aop-options{width:auto;margin:0}.aw-app .aop-module{min-height:380px}}
@media(max-width:580px){.aw-app .aop-stage{flex-direction:column;overflow:auto}.aw-app .aop-work{flex:none;min-height:260px;max-height:460px}.aw-app .aop-student-pad{width:100%;max-width:320px;max-height:none;overflow:visible;align-self:center}.aw-app .aop-menu{top:110px;max-height:calc(100% - 120px)}}
@media print{.aw-app .aop-student-pad,.aw-app .aop-menu,.aw-app .aop-return{display:none!important}.aw-app .aop-entry{box-shadow:none!important}}

/* Input panels share a reserved side column; the operation stays unobstructed. */
.aw-app .aop-top{flex-wrap:wrap}
.aw-app .aop-top-actions{display:flex;align-items:center;gap:6px;margin-left:auto;max-width:100%;min-width:0;flex:0 1 auto}
.aw-app .aop-check{gap:4px}
.aw-app .aop-top-actions .aop-button{padding:9px 11px;font-size:13px}
.aw-app .aop-top-actions .aop-options{font-size:26px;padding:2px 10px}
.aw-app .aop-check-status{text-align:center;min-height:20px;flex:none}
.aw-app .aop-entry{user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}
.aw-app .aop-entry.is-editing{border-style:dashed;background:#fff8dd!important;color:#5b5433}
.aw-app .aop-input-dock{width:240px;flex:0 0 240px;min-width:0;min-height:0;align-self:stretch;display:flex;flex-direction:column;justify-content:center;overflow:auto;padding:4px}
.aw-app .aop-input-dock[hidden]{display:none}
.aw-app .aop-input-dock .aop-student-pad{width:100%;max-width:none;align-self:stretch}
@container aop (min-width:561px){
 .aw-app .aop-stage.has-input{justify-content:center;gap:32px}
 .aw-app .aop-stage.has-input .aop-work{flex:0 1 auto;width:max-content;max-width:calc(100% - 272px)}
}
.aw-app .aop-direct-editor{position:relative;width:100%;max-width:none;max-height:100%;flex:none;display:flex;flex-direction:column;gap:6px;padding:10px;background:#fff;border:1px solid #c6dcd2;border-radius:17px;box-shadow:0 3px 12px #193b3012;overflow:auto;font-size:14px;touch-action:pan-y}
.aw-app .aop-direct-editor[hidden]{display:none}
.aw-app .aop-direct-header{display:flex;align-items:center;gap:7px;justify-content:space-between;min-height:48px}
.aw-app .aop-direct-label{font-size:12px;line-height:1.3;color:#4d6c60;min-width:0}
.aw-app .aop-direct-close{min-width:44px;min-height:44px;padding:0;font-size:25px;flex:none;border-color:transparent}
.aw-app .aop-direct-display{width:100%;min-height:44px;border:1px solid #cbded6;border-radius:9px;background:#f6faf7;padding:5px 10px;text-align:center;font-size:27px;font-weight:650;line-height:1.1;font-variant-numeric:tabular-nums}
.aw-app .aop-direct-keys{display:grid;grid-template-columns:repeat(3,minmax(44px,1fr));gap:5px}
.aw-app .aop-direct-keys .aop-button{padding:4px;min-height:44px;font-size:23px;border-radius:9px}
.aw-app .aop-direct-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
.aw-app .aop-direct-nav .aop-button{min-height:44px;font-size:21px;padding:5px}
.aw-app .aop-direct-hint{min-height:15px;font-size:11px;line-height:15px;text-align:center;margin:0;color:#6a8277}
.aw-app .aop-calculator-toggle[aria-expanded=true]{background:#e7f3ed;border-color:#a6cdbb}
.aw-app .aop-compact .aop-top-actions{flex-wrap:wrap;justify-content:flex-end}
@media(max-width:750px){.aw-app .aop-top{flex-wrap:wrap}.aw-app .aop-top-actions{margin-left:auto}.aw-app .aop-top-actions .aop-button{font-size:12px;padding:8px}.aw-app .aop-top-actions .aop-options{font-size:24px}}
@media(max-width:580px){.aw-app .aop-top>.aop-tabs{flex:0 0 100%;width:100%;min-width:0}.aw-app .aop-stage{min-height:0}.aw-app .aop-work{min-height:290px;max-height:none;flex:1 0 auto}.aw-app .aop-top-actions{gap:4px;flex-wrap:wrap}.aw-app .aop-check-detail{display:none}.aw-app .aop-menu{top:150px;max-height:calc(100% - 160px)}}
@container aop (max-width:560px){
 .aw-app .aop-stage.has-input{flex-direction:column;overflow:hidden;gap:6px}
 .aw-app .aop-stage.has-input .aop-work{flex:1;min-height:100px;max-height:none}
 .aw-app .aop-input-dock{width:100%;max-width:320px;flex:0 1 auto;max-height:65%;align-self:center;overflow:auto;justify-content:flex-start;padding:2px}
 .aw-app .aop-direct-editor{max-height:none;display:grid;grid-template-columns:44px minmax(0,1fr) 44px 44px;gap:4px;padding:8px}
 .aw-app .aop-direct-header{display:contents}
 .aw-app .aop-direct-label{grid-column:1/-1;grid-row:1;min-height:32px;display:flex;align-items:center}
 .aw-app .aop-direct-close{grid-column:4;grid-row:2}
 .aw-app .aop-direct-display{grid-column:2;grid-row:2;min-width:0;padding:5px;font-size:24px}
 .aw-app .aop-direct-nav{display:contents}
 .aw-app .aop-direct-nav .aop-button:first-child{grid-column:1;grid-row:2}
 .aw-app .aop-direct-nav .aop-button:last-child{grid-column:3;grid-row:2}
 .aw-app .aop-direct-keys{grid-column:1/-1;grid-row:3;grid-template-columns:repeat(4,minmax(44px,1fr));gap:4px}
 .aw-app .aop-direct-hint{grid-column:1/-1;grid-row:4}
 .aw-app .aop-direct-keys [data-direct-key="7"]{grid-area:1/1}.aw-app .aop-direct-keys [data-direct-key="8"]{grid-area:1/2}.aw-app .aop-direct-keys [data-direct-key="9"]{grid-area:1/3}.aw-app .aop-direct-keys [data-direct-key="⌫"]{grid-area:1/4}
 .aw-app .aop-direct-keys [data-direct-key="4"]{grid-area:2/1}.aw-app .aop-direct-keys [data-direct-key="5"]{grid-area:2/2}.aw-app .aop-direct-keys [data-direct-key="6"]{grid-area:2/3}.aw-app .aop-direct-keys [data-direct-key="C"]{grid-area:2/4}
 .aw-app .aop-direct-keys [data-direct-key="1"]{grid-area:3/1}.aw-app .aop-direct-keys [data-direct-key="2"]{grid-area:3/2}.aw-app .aop-direct-keys [data-direct-key="3"]{grid-area:3/3}.aw-app .aop-direct-keys [data-direct-key="0"]{grid-area:3/4}
}
@media print{.aw-app .aop-direct-editor,.aw-app .aop-check-status{display:none!important}}

.aw-app .aop-video{display:inline-flex;align-items:center;justify-content:center;min-height:44px;box-sizing:border-box;gap:6px;border-radius:12px;padding:8px 12px;color:#9c3030;background:#fff0ee;text-decoration:none;font-family:inherit;font-size:14px;font-weight:650;white-space:nowrap}.aw-app .aop-video:focus-visible{outline:3px solid #256aa1;outline-offset:2px}

/* Colocación individual de cifras antes de resolver. */
.aw-app .aop-top-actions{flex-wrap:wrap;justify-content:flex-end}
.aw-app .aop-placement-toggle[aria-pressed=true]{background:#e3f3ed;border-color:#6ba997;color:#176b5b;box-shadow:inset 0 0 0 1px #6ba997}
.aw-app .aop-random{display:inline-flex;align-items:center;justify-content:center;gap:6px}.aw-app .aop-random svg{width:21px;height:21px;flex:none}
.aw-app .aop-sheet.is-placement{background:none}
.aw-app .aop-placement{width:calc((var(--placement-columns) + 1)*.8em);display:flex;flex-direction:column;gap:.22em}
.aw-app .aop-placement-instruction{font-size:16px;line-height:1.45;font-weight:450;margin:0 auto;text-align:center;max-width:600px;text-wrap:pretty;color:#647e79}
.aw-app .aop-number-tray{display:flex;align-items:center;justify-content:center;gap:.12em;flex-wrap:wrap;padding:.16em 0 .22em}
.aw-app .aop-number-chip{display:inline-flex;align-items:center;justify-content:center;flex:none;gap:0;padding:0;min-width:44px;min-height:44px;height:1.04em;font:inherit;font-size:1em;line-height:1;border:0;border-radius:.14em;background:#edf5f2;box-shadow:inset 0 0 0 1.5px #b6d3c8;color:#234d43;touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab;z-index:2}
.aw-app .aop-number-chip:hover{border:0;background:#e5f2eb}
.aw-app .aop-number-chip[aria-pressed=true]{background:#dcf1e7;box-shadow:inset 0 0 0 3px #268575}
.aw-app .aop-number-chip.is-in-grid{background:#f4f7f5;color:#82958f;box-shadow:inset 0 0 0 1px #dce8e2}
.aw-app .aop-number-glyph{display:flex;align-items:center;justify-content:center;flex:0 0 .8em;width:.8em;height:100%}
.aw-app .aop-number-glyph>span{font-size:.76em;font-weight:650;font-variant-numeric:tabular-nums}
.aw-app .aop-tray-sign{font-size:.4em;color:#70867e;padding:.2em}
.aw-app .aop-placement-grid{display:flex;flex-direction:column;gap:.08em}
.aw-app .aop-placement-grid .aop-places{--op-columns:var(--placement-columns)}
.aw-app .aop-placement-row{display:grid;grid-template-columns:.8em repeat(var(--placement-columns),.8em);grid-template-rows:1.1em;align-items:center;position:relative;border-radius:.1em}
.aw-app .aop-placement-row>.aop-sign{grid-column:1;grid-row:1}
.aw-app .aop-slot{font:inherit;grid-row:1;min-width:44px;min-height:44px;height:1.04em;width:calc(100% - 4px);padding:0;margin:0 2px;border:1.5px dashed #cfdfd8;border-radius:.1em;background:#fafcfb;touch-action:manipulation}
.aw-app .aop-placement-row.is-choosing .aop-slot{background:#f0f7f4;border-color:#89bbaa}
.aw-app .aop-slot:hover,.aw-app .aop-slot.is-drop-preview{background:#def1e6!important;box-shadow:inset 0 0 0 2px #378e73}
.aw-app .aop-placement-second{border-bottom:3px solid #365d52;padding-bottom:.12em}
.aw-app .aop-placement-row .aop-number-chip{width:100%;justify-self:stretch}
.aw-app .aop-number-chip.is-correct{background:#e7f4e7;box-shadow:inset 0 0 0 2px #3d9360}
.aw-app .aop-number-chip.is-incorrect,.aw-app .aop-placement-row.is-missing .aop-slot{background:#fff2eb;box-shadow:inset 0 0 0 2px #c46a4c}
.aw-app .aop-placement-feedback{font-size:16px;font-weight:500;line-height:1.45;text-align:center;margin:0;min-height:24px;color:#58736b;max-width:620px;align-self:center}
.aw-app .aop-placement-feedback[data-result=incorrect]{color:#a1492f}.aw-app .aop-placement-feedback[data-result=correct]{color:#247745}
.aw-app .aop-placement-footer{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;font-size:14px}
.aw-app .aop-reposition{align-self:center;flex:none;font-size:13px;min-height:44px;padding:8px 14px}
.aw-app .aop-drag-ghost{position:fixed;z-index:30;pointer-events:none;opacity:.85;box-shadow:0 6px 22px #173c3322,inset 0 0 0 2px #278575!important;background:#e6f5ee!important;color:#234d43!important;cursor:grabbing}
@media(max-width:580px){.aw-app .aop-placement-instruction,.aw-app .aop-placement-feedback{font-size:14px}.aw-app .aop-placement-footer .aop-button{font-size:13px}.aw-app .aop-work:has(.is-placement){align-items:flex-start;min-height:440px}}
@media print{.aw-app .aop-placement-instruction,.aw-app .aop-placement-feedback,.aw-app .aop-placement-footer,.aw-app .aop-reposition{display:none!important}}

.aw-app .aop-number-tray{font-size:.64em;gap:.18em}
.aw-app .aop-digit-group{display:flex;gap:4px;align-items:center;justify-content:center;flex:none}
.aw-app .aop-digit-chip{width:.8em;min-width:44px}
.aw-app .aop-number-chip.is-in-grid:disabled{opacity:.28;cursor:default}
.aw-app .aop-placement-row .aop-digit-chip{width:calc(100% - 4px);justify-self:center}
.aw-app .aop-tray-sign{font-size:.65em}
.aw-app .aop-sheet.is-placement{width:100%}
.aw-app .aop-placement{width:100%;align-items:stretch;gap:.12em}
.aw-app .aop-placement-grid{width:calc((var(--placement-columns) + 1)*.8em);align-self:center}
.aw-app .aop-number-tray{padding:.08em 0;gap:.14em}
.aw-app .aop-digit-group{gap:3px}
@media(max-height:820px) and (min-width:751px){
 .aw-app .aop-placement-instruction,.aw-app .aop-placement-feedback{font-size:14px;line-height:1.3;max-width:100%}
 .aw-app .aop-placement{gap:.08em}
 .aw-app .aop-top-actions .aop-check-detail{display:none}
}

/* A small game link keeps the multiplication work visible. */
.aw-app .aop-tables-game{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;background:#fff9e9;border-color:#e5d4a5;color:#37665c}
.aw-app .aop-top-actions .aop-tables-game svg{width:30px;height:30px;flex:none}
.aw-app .aop-tables-game:hover{background:#fff1c9;border-color:#cdb168}
.aw-app .aop-top-actions .aop-random,.aw-app .aop-top-actions .aop-tables-game{width:50px;min-height:50px;flex:none;padding:8px}
.aw-app .aop-random svg{width:24px;height:24px}
.aw-app .aop-tables-game:focus-visible{outline:3px solid #138376;outline-offset:-4px}
.aw-app .aop-properties{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:#f2f8f4;color:#176f65}
.aw-app .aop-properties img{width:24px;height:24px;flex:none;object-fit:contain}
@container aop (max-width:430px){
 .aw-app .aop-top-actions .aop-random,.aw-app .aop-top-actions .aop-tables-game{width:44px;min-height:48px;padding:5px}
 .aw-app .aop-top-actions .aop-placement-toggle{max-width:82px;white-space:normal;padding:6px;font-size:11px}
 .aw-app .aop-top-actions .aop-check{min-height:48px;padding:6px;font-size:11px}
 .aw-app .aop-top-actions .aop-options{min-height:48px;min-width:44px;padding:2px 4px}
}