/* SpeedyLearning Maths: voluntary, school-method-first working space */
#mathsWorkbench.mw {display:block;order:2;width:100%;max-width:100%;margin:12px auto 6px;padding:15px 14px;background:color-mix(in srgb,var(--c) 7%,var(--card));color:var(--ink);border:2px solid color-mix(in srgb,var(--c) 32%,var(--line));border-radius:19px;font-family:var(--body),system-ui,sans-serif;text-align:left;box-sizing:border-box;user-select:text}
#mathsWorkbench[hidden],#mathsWorkbench [hidden]{display:none!important}
#mathsWorkbench *{box-sizing:border-box}
.mw-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.mw-head h3{font-family:var(--display),system-ui,sans-serif;font-size:1.12rem;line-height:1.25;margin:0}
.mw-head button,.mw-actions button,.mw-example-button{border:1px solid var(--line);padding:9px 12px;border-radius:12px;background:var(--card);color:var(--ink);font:800 .91rem var(--body),system-ui,sans-serif;cursor:pointer;white-space:normal}
.mw-head button{background:var(--c);color:white;border-color:transparent}
.mw-content{padding-top:12px}
.mw-intro{color:var(--ink);line-height:1.5;font-size:.9rem;margin:0 0 12px}
.mw-intro strong{font-weight:800}
#mathsWorkbench label{font-size:.88rem;font-weight:800;display:block;margin:8px 0 6px}
#mwMethod{display:block;width:100%;padding:11px;border:2px solid var(--line);border-radius:12px;background:var(--card);color:var(--ink);font:700 .96rem var(--body),system-ui,sans-serif}
#mathsWorkbench textarea{display:block;width:100%;resize:vertical;min-height:95px;border:2px solid var(--line);background:var(--card);color:var(--ink);font:1rem/1.7 ui-monospace,Consolas,monospace;padding:11px;border-radius:12px;letter-spacing:.01em;user-select:text}
#mathsWorkbench input{max-width:100%;border:2px solid var(--line);background:var(--card);color:var(--ink);text-align:center;border-radius:8px;padding:9px 5px;font:700 1rem ui-monospace,Consolas,monospace}
#mathsWorkbench :is(button,input,select,textarea):focus-visible{outline:3px solid #f0b526;outline-offset:2px}
.mw-hint{background:var(--card);color:var(--ink);border-left:4px solid var(--c);padding:10px 12px;border-radius:9px;font-size:.87rem;line-height:1.5;margin:12px 0}
.mw-explanation{padding:10px 12px;background:var(--good-bg);color:var(--ink);margin:9px 0;border:1px solid var(--line);border-radius:10px;font-size:.9rem}
.mw-stage{margin:14px 0;padding:11px;background:var(--card);border-radius:13px;border:1px solid var(--line)}
.mw-small{font-size:.8rem;color:var(--muted);margin:5px 0 9px}
.mw-fieldgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:9px}
.mw-fieldgrid label{margin:0;color:var(--ink)}
.mw-fieldgrid input{width:100%;margin:5px 0 0}
.mw-numberline{background:repeating-linear-gradient(90deg,transparent 0 29px,color-mix(in srgb,var(--line) 75%,transparent) 30px 31px),linear-gradient(to bottom,transparent 0 33px,var(--c) 33px 36px,transparent 36px);height:56px;border-radius:9px;position:relative;margin:8px 0 12px}
.mw-numberline::before,.mw-numberline::after{content:"";position:absolute;top:28px;width:0;height:0;border:6px solid transparent;border-left-color:var(--c)}.mw-numberline::before{left:1px;transform:rotate(180deg)}.mw-numberline::after{right:-3px}
.mw-numbersteps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.mw-numbersteps label{font-size:.74rem;margin:0}
.mw-numbersteps input{width:100%;margin-top:4px}
.mw-tenframes{display:flex;gap:10px;flex-wrap:wrap}.mw-tenframe{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;max-width:260px;margin:6px auto 10px}.mw-counter{min-width:29px;min-height:34px;padding:0!important;border:1.5px solid var(--c)!important;border-radius:8px!important;background:var(--card)!important;touch-action:manipulation}
.mw-counter[aria-pressed="true"]{background:var(--c)!important;color:white!important}
.mw-columnwrap{overflow-x:auto;max-width:100%;padding:5px 2px}
.mw-colrow{display:grid;grid-template-columns:32px repeat(var(--mw-places,7),minmax(30px,1fr));gap:3px;align-items:center;min-width:300px;margin:2px 0}
.mw-colrow .mw-coltext{font:750 1.22rem/1.7 ui-monospace,monospace;text-align:center}
.mw-colrow input{width:100%;min-width:0;padding:7px 1px!important}
.mw-colrow.mw-answer{border-top:3px solid var(--ink);padding-top:6px}
.mw-grid{border-collapse:separate;border-spacing:4px;table-layout:fixed;width:100%}.mw-grid th,.mw-grid td{border:1px solid var(--line);border-radius:7px;text-align:center;padding:4px;font:750 .88rem ui-monospace,monospace}.mw-grid th{background:var(--soft);color:var(--ink)}.mw-grid input{width:100%;min-width:0}
.mw-busstop{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.mw-busstop .mw-dividend{padding:9px 15px;border-left:3px solid var(--ink);border-top:3px solid var(--ink);border-radius:7px}
.mw-bars{display:grid;grid-template-columns:1fr 1fr;gap:6px}.mw-bars>label{border:2px solid var(--c);border-radius:10px;padding:8px}.mw-bars .mw-whole{grid-column:span 2}
.mw-bars input{width:100%}.mw-array{display:grid;grid-template-columns:repeat(var(--mw-cols,6),minmax(10px,1fr));gap:5px;padding:9px;background:var(--card);border:1px solid var(--line);border-radius:12px;max-width:370px;margin:10px auto}
.mw-array span{display:block;aspect-ratio:1;border-radius:50%;max-width:15px;margin:auto;background:var(--c);opacity:.85}
.mw-fractionparts{display:grid;grid-template-columns:repeat(var(--mw-denom,4),minmax(15px,1fr));gap:2px;margin:6px 0 16px;min-height:50px}.mw-fractionparts button{padding:1px;min-height:50px;background:var(--card);border:2px solid var(--c);border-radius:4px;cursor:pointer}
.mw-fractionparts button[aria-pressed="true"]{background:var(--c);color:white}
.mw-paper{background-color:var(--card);background-image:linear-gradient(to right, color-mix(in srgb,var(--c) 17%,transparent) 1px, transparent 1px),linear-gradient(to bottom,color-mix(in srgb,var(--c) 17%,transparent) 1px,transparent 1px);background-size:24px 24px;border:2px solid var(--line);border-radius:12px;touch-action:none;width:100%;height:225px;display:block;cursor:crosshair}
.mw-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:9px 0 5px}
.mw-tools button{padding:8px 11px}.mw-tools input[type=range]{width:92px;min-width:70px;padding:0}
.mw-actions{display:flex;flex-wrap:wrap;gap:7px;margin:9px 0}
.mw-foot{font-size:.79rem;color:var(--muted);line-height:1.4;margin:9px 0 0}
.mw-reading{font-size:.84rem;margin:4px 0 8px;color:var(--muted)}
@media(max-width:480px){#mathsWorkbench.mw{padding:12px 9px} .mw-colrow{grid-template-columns:26px repeat(var(--mw-places,7),minmax(25px,1fr))}.mw-colrow .mw-coltext{font-size:1rem}.mw-numbersteps{grid-template-columns:repeat(3,minmax(0,1fr))}.mw-stage{padding:8px}}
@media(prefers-reduced-motion:reduce){#mathsWorkbench *{animation:none!important;transition:none!important}}
@media print{#mathsWorkbench .mw-head button,#mathsWorkbench .mw-tools,#mathsWorkbench .mw-actions{display:none!important}}