/* Large mathematical notation, with a separate stable column for pupil input. */
.aw-app .apw-module{height:100%;min-height:380px;position:relative;display:flex;flex-direction:column;gap:12px;padding:14px 22px;color:#214650;container:apw / inline-size;isolation:isolate}
.aw-app .apw-module *{box-sizing:border-box}
.aw-app .apw-module [hidden]{display:none!important}
.aw-app .apw-button{min-width:44px;min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 14px;border:1px solid #cbded5;border-radius:12px;background:#fff;color:#28564d;font:650 16px/1.3 AulaInter,system-ui;cursor:pointer;touch-action:manipulation;white-space:normal;overflow-wrap:anywhere;text-align:center}
.aw-app .apw-button:hover{background:#edf8f1;border-color:#88bca9}.aw-app .apw-button:focus-visible{outline:3px solid #118374;outline-offset:-3px}.aw-app .apw-button[aria-pressed=true],.aw-app .apw-button.is-active{background:#e4f5ed;border-color:#118374;box-shadow:inset 0 0 0 1px #118374}.aw-app .apw-button.is-primary{background:#117d71;border-color:#117d71;color:#fff}.aw-app .apw-button:disabled{opacity:.4;cursor:default}
.aw-app .apw-top,.aw-app .apw-modes,.aw-app .apw-actions{display:flex;align-items:center;flex-wrap:wrap;gap:7px;flex:none}.aw-app .apw-top{justify-content:space-between}.aw-app .apw-modes{padding:4px;background:#eff6f2;border-radius:14px}.aw-app .apw-modes .apw-button{border-color:transparent;background:transparent}.aw-app .apw-modes .apw-button[aria-pressed=true]{border-color:#9bcbb9;background:#e4f5ed}.aw-app .apw-actions{margin-left:auto}
.aw-app .apw-body{display:flex;flex:1;min-height:0;gap:28px;align-items:safe center;justify-content:center;overflow:auto;overscroll-behavior:contain;padding:8px 0}.aw-app .apw-work{display:flex;flex:1;min-width:0;min-height:0;flex-direction:column;align-items:center;justify-content:safe center;gap:20px;text-align:center;padding:8px 4px}.aw-app .apw-work>h3{margin:0;font-size:clamp(20px,2.5cqw,30px);color:#527169;line-height:1.3;font-weight:600}
.aw-app .apw-power{display:inline-flex;align-items:flex-start;justify-content:center;font:700 clamp(72px,12cqw,152px)/1.15 AulaInter,system-ui;gap:.07em;white-space:nowrap;flex:none}.aw-app .apw-base{color:#167f75}.aw-app .apw-exponent{color:#a86817}.aw-app .apw-power>.apw-exponent{font-size:.52em;line-height:1;top:auto;position:static;padding-top:0}.aw-app .apw-power .apw-power-part{font:inherit;font-size:1em;min-width:1.05em;padding:.05em .12em;background:#eef8f3;border-radius:.13em;border-color:#b9ded0;line-height:1.1}.aw-app .apw-power .apw-exponent.apw-power-part{font-size:.52em;background:#fff4d8;border-color:#e4ca8b;min-height:55px;color:#a86817}.aw-app .apw-power .apw-base.apw-power-part{color:#167f75}
.aw-app .apw-meaning{display:flex;flex-direction:column;justify-content:center;gap:4px;min-height:62px;font-size:20px;color:#617b70}.aw-app .apw-meaning strong{font-size:24px}.aw-app .apw-discover-controls{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.aw-app .apw-reading{margin:0;font-size:clamp(22px,3cqw,34px);color:#526b63}.aw-app .apw-special-rule,.aw-app .apw-help{margin:0;padding:12px 18px;border-radius:14px;max-width:720px;background:#f5f3e6;color:#5d684e;font-size:18px;line-height:1.45}
.aw-app .apw-product,.aw-app .apw-build-product{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;min-height:70px;max-width:100%;font:650 clamp(28px,4.6cqw,64px)/1.2 AulaInter,system-ui}.aw-app .apw-factor{display:inline-flex;align-items:center;justify-content:center;min-width:58px;min-height:58px;padding:10px 14px;border:1px solid #b8dbcc;border-radius:13px;background:#eef8f2;color:#147b71;font:inherit}.aw-app .apw-times{font-size:.7em;font-weight:500;color:#78958b}.aw-app .apw-empty-product{font-size:1.2em}.aw-app .apw-product-empty{font-size:19px;color:#84968a;border:2px dashed #cbded2;border-radius:15px;padding:22px;min-width:220px}.aw-app .apw-build-product{padding:14px;border:2px dashed #d0e3d8;border-radius:18px;width:min(850px,100%);min-height:112px}.aw-app .apw-product-controls{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px}.aw-app .apw-add-factor{font-size:28px;min-width:96px;min-height:56px}
.aw-app .apw-relation{font:500 clamp(28px,5cqw,62px)/1.1 AulaInter,system-ui;color:#728b81;flex:none}.aw-app .apw-answer-row,.aw-app .apw-calculation,.aw-app .apw-context-answer{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:24px;max-width:100%}.aw-app .apw-field{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0}.aw-app .apw-field-label{font-size:17px;line-height:1.3;color:#5f7a70;font-weight:600}.aw-app .apw-entry{font-size:clamp(30px,5cqw,65px);font-variant-numeric:tabular-nums;min-height:88px;min-width:112px;max-width:100%;padding:12px 16px;border:2px dashed #c4dbcd;overflow-wrap:anywhere;color:#214650;background:#fbfdfb}.aw-app .apw-answer-power{display:flex;align-items:flex-start;gap:10px;padding:8px}.aw-app .apw-answer-power .apw-field-base{padding-top:35px}.aw-app .apw-answer-power .apw-field-base .apw-entry{min-width:110px;min-height:105px;color:#167f75}.aw-app .apw-answer-power .apw-field-exponent .apw-entry{font-size:clamp(28px,4cqw,48px);min-width:78px;min-height:72px;background:#fff8e8;color:#a86817}.aw-app .apw-entry[data-result=correct],.aw-app .apw-build-product[data-result=correct],.aw-app .apw-reading-choice[data-result=correct]{background:#e8f6e9;border-color:#62a775;border-style:solid}.aw-app .apw-entry[data-result=incorrect],.aw-app .apw-build-product[data-result=incorrect],.aw-app .apw-reading-choice[data-result=incorrect]{background:#fff0ec;border-color:#cc796a;border-style:solid}
.aw-app .apw-value-result{display:flex;gap:18px;align-items:center;font-size:clamp(32px,6cqw,72px)}.aw-app .apw-reading-choices{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:12px;width:min(850px,100%)}.aw-app .apw-reading-choice{min-height:78px;font-size:clamp(21px,2.8cqw,32px);padding:16px}
.aw-app .apw-story{display:flex;flex-direction:column;align-items:center;gap:10px;max-width:870px}.aw-app .apw-story-icon{display:grid;place-items:center;width:55px;height:55px;border-radius:17px;background:#fff1cf;color:#ac7825;font-size:38px}.aw-app .apw-story>strong{font-size:clamp(22px,3cqw,34px)}.aw-app .apw-story>p{font-size:clamp(21px,3.5cqw,39px);margin:0;line-height:1.45;color:#42685d}.aw-app .apw-context-answer .apw-entry{max-width:260px}
.aw-app .apw-status{margin:0;min-height:25px;text-align:center;font-size:17px;color:#a2513f;line-height:1.35;flex:none}.aw-app .apw-status[data-success=true]{color:#21804f}
.aw-app .apw-model{max-width:100%;padding:10px}.aw-app .apw-square{display:grid;grid-template-columns:repeat(var(--apw-side),minmax(14px,34px));gap:4px}.aw-app .apw-square i{aspect-ratio:1;background:#8bc9b1;border:1px solid #5ca98b;border-radius:4px;min-width:14px}.aw-app .apw-layers{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:16px}.aw-app .apw-layer{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px;border:1px solid #d9e7dd;border-radius:12px;background:#fbfdf9}.aw-app .apw-layer small{font-size:14px;color:#638373}.aw-app .apw-growth{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px}.aw-app .apw-growth-step{padding:10px 14px;border:1px solid #d1e2d7;border-radius:12px;display:flex;flex-direction:column;gap:4px;background:#f5faf5}.aw-app .apw-growth-step strong{font-size:26px}.aw-app .apw-growth-step small{font-size:13px}.aw-app .apw-growth-arrow{font-size:17px;color:#668573}
.aw-app .apw-pad{flex:0 0 220px;align-self:safe center;width:220px;min-width:0;max-width:100%;padding:9px;display:flex;flex-direction:column;gap:6px;border:1px solid #bfd8ca;border-radius:18px;background:#f8fbf7;box-shadow:0 3px 15px #214b3b08}.aw-app .apw-pad>header{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px}.aw-app .apw-pad>header strong{font-size:14px;text-align:left;line-height:1.3}.aw-app .apw-pad>header .apw-button{padding:0;width:44px;min-height:44px;border:0;background:transparent;font-size:25px}.aw-app .apw-pad-display{min-height:44px;display:block;text-align:right;padding:5px 10px;background:#fff;border:1px solid #cdded3;border-radius:10px;font-size:26px;font-weight:650;line-height:1.2;font-variant-numeric:tabular-nums}.aw-app .apw-pad-keys{display:grid;grid-template-columns:repeat(3,minmax(44px,1fr));gap:5px}.aw-app .apw-pad-keys .apw-button{min-height:44px;padding:6px 2px;font-size:23px;background:#fff}.aw-app .apw-pad-nav{display:grid;grid-template-columns:repeat(2,minmax(44px,1fr));gap:5px}.aw-app .apw-pad-nav .apw-button{min-height:44px;padding:5px;font-size:22px}.aw-app .apw-pad-nav .apw-button:last-child{background:#157e70;color:#fff;border-color:#157e70}
.aw-app .apw-menu,.aw-app .apw-bank{position:absolute;z-index:35;top:70px;right:8px;width:350px;max-width:calc(100% - 16px);max-height:calc(100% - 85px);overflow:auto;overscroll-behavior:contain;padding:14px;border:1px solid #cddfd4;border-radius:18px;background:#fff;box-shadow:0 12px 34px #173f3324}.aw-app .apw-menu>header,.aw-app .apw-bank>header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.aw-app .apw-menu>header strong,.aw-app .apw-bank>header strong{font-size:23px}.aw-app .apw-menu>header .apw-button,.aw-app .apw-bank>header .apw-button{border:0;background:transparent;padding:0;width:44px;min-height:44px;font-size:25px}.aw-app .apw-menu-section{display:flex;flex-direction:column;gap:7px;border-top:1px solid #e3eee5;padding:14px 0}.aw-app .apw-menu-section h3{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#6c8a7a;margin:0 0 2px}.aw-app .apw-menu-section>.apw-button{width:100%;justify-content:flex-start;text-align:left}.aw-app .apw-custom-fields{display:flex;gap:10px;justify-content:space-between}.aw-app .apw-custom-fields .apw-entry{min-width:80px;min-height:64px;font-size:31px}.aw-app .apw-custom-status{font-size:14px;color:#a2513f;margin:0;line-height:1.4}.aw-app .apw-bank{width:700px}.aw-app .apw-levels{display:flex;flex-wrap:wrap;gap:6px;padding:8px 0 16px}.aw-app .apw-levels .apw-button{flex:1;min-width:110px;min-height:48px;padding:8px;font-size:15px}.aw-app .apw-challenge-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.aw-app .apw-challenge{display:flex;flex-direction:column;gap:8px;min-height:126px;padding:16px 10px}.aw-app .apw-challenge-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:14px;background:#eef5e9;color:#227962;font-size:29px;font-weight:700}.aw-app .apw-challenge strong{font-size:19px}.aw-app .apw-challenge small{font-size:13px;line-height:1.4;color:#799080;font-weight:400}
@container apw (max-width:760px){.aw-app .apw-body{gap:14px}.aw-app .apw-pad{width:202px;flex-basis:202px}.aw-app .apw-work{gap:15px}.aw-app .apw-power{font-size:clamp(70px,14cqw,112px)}.aw-app .apw-answer-row,.aw-app .apw-context-answer{gap:14px}.aw-app .apw-entry{min-width:90px;min-height:74px;font-size:clamp(28px,6cqw,46px)}.aw-app .apw-answer-power .apw-field-base .apw-entry{min-width:84px;min-height:88px}.aw-app .apw-answer-power .apw-field-exponent .apw-entry{min-width:65px;min-height:62px}.aw-app .apw-reading-choices{grid-template-columns:1fr}.aw-app .apw-reading-choice{min-height:65px;font-size:23px}}
@container apw (max-width:560px){.aw-app .apw-body{flex-direction:column;justify-content:flex-start;align-items:stretch}.aw-app .apw-work{flex:none;min-height:210px;padding:10px 0;gap:14px}.aw-app .apw-pad{width:100%;max-width:320px;flex:none;align-self:center;padding:8px}.aw-app .apw-pad-keys{grid-template-columns:repeat(4,minmax(44px,1fr))}.aw-app .apw-pad-keys [data-power-number="7"]{grid-area:1/1}.aw-app .apw-pad-keys [data-power-number="8"]{grid-area:1/2}.aw-app .apw-pad-keys [data-power-number="9"]{grid-area:1/3}.aw-app .apw-pad-keys [data-power-number="⌫"]{grid-area:1/4}.aw-app .apw-pad-keys [data-power-number="4"]{grid-area:2/1}.aw-app .apw-pad-keys [data-power-number="5"]{grid-area:2/2}.aw-app .apw-pad-keys [data-power-number="6"]{grid-area:2/3}.aw-app .apw-pad-keys [data-power-number="C"]{grid-area:2/4}.aw-app .apw-pad-keys [data-power-number="1"]{grid-area:3/1}.aw-app .apw-pad-keys [data-power-number="2"]{grid-area:3/2}.aw-app .apw-pad-keys [data-power-number="3"]{grid-area:3/3}.aw-app .apw-pad-keys [data-power-number="0"]{grid-area:3/4}.aw-app .apw-top{gap:7px}.aw-app .apw-top>.apw-modes{flex:1 0 100%}.aw-app .apw-modes .apw-button{flex:1}.aw-app .apw-power{font-size:86px}.aw-app .apw-meaning{font-size:17px;min-height:55px}.aw-app .apw-meaning strong{font-size:21px}.aw-app .apw-discover-controls .apw-button{font-size:14px;padding:9px}.aw-app .apw-field-label{font-size:15px}.aw-app .apw-story>p{font-size:25px}.aw-app .apw-product,.aw-app .apw-build-product{font-size:32px}.aw-app .apw-factor{min-width:48px;min-height:48px;padding:8px}.aw-app .apw-calculation{gap:14px}.aw-app .apw-calculation .apw-entry{font-size:38px;max-width:230px}.aw-app .apw-challenge-cards{grid-template-columns:1fr}.aw-app .apw-challenge{min-height:95px}.aw-app .apw-special-rule,.aw-app .apw-help{font-size:16px;padding:10px}.aw-app .apw-layers{gap:8px}.aw-app .apw-square{grid-template-columns:repeat(var(--apw-side),minmax(14px,26px));gap:3px}}
@media(max-width:600px){.aw-app .apw-module{padding:12px;gap:8px}.aw-app .apw-status{font-size:15px}.aw-app .apw-pad{width:100%}}
@media print{.aw-app .apw-menu,.aw-app .apw-bank,.aw-app .apw-pad,.aw-app .apw-discover-controls{display:none!important}}

.aw-app .apw-custom-pad{display:grid;grid-template-columns:repeat(4,minmax(44px,1fr));gap:5px}.aw-app .apw-custom-pad .apw-button{min-height:44px;padding:6px 2px;font-size:22px}

.aw-app .apw-module[data-mode=discover] .apw-work{gap:14px}.aw-app .apw-discovered-equation{display:flex;align-items:center;justify-content:center;gap:25px;flex-wrap:wrap;max-width:100%}.aw-app .apw-top .apw-button.is-primary,.aw-app .apw-top .apw-button.is-primary:hover{background:#117d71;border-color:#117d71;color:#fff}

/* Repeated factors are multiplication pieces, never an addition key. */
.aw-app .apw-add-factor{display:flex;gap:12px;padding:10px 18px}.aw-app .apw-add-factor-mark{font-size:30px}.aw-app .apw-add-factor-label{font-size:16px}.aw-app .apw-level-range{margin:0 0 14px;padding:8px 12px;border-radius:10px;background:#f4f7ed;color:#536d5b;font-size:15px}
.aw-app .apw-calculation-modes{display:flex;gap:6px;padding:4px;border-radius:14px;background:#eff6f2}.aw-app .apw-calculation-modes .apw-button{min-height:44px;padding:8px 14px;border-color:transparent;background:transparent}.aw-app .apw-calculation-modes .apw-button[aria-pressed=true]{background:white;border-color:#a8cebd;box-shadow:none}
.aw-app .apw-calculation-heading{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:22px;max-width:100%}.aw-app .apw-calculation-heading .apw-power{font-size:clamp(64px,9cqw,110px)}.aw-app .apw-calculation-heading .apw-product{font-size:clamp(26px,3.6cqw,48px)}.aw-app .apw-calculation-heading .apw-factor{min-width:45px;min-height:45px;padding:7px 11px}
.aw-app .apw-calculation-steps{display:flex;flex-direction:column;gap:12px;align-items:stretch;max-width:100%;width:fit-content}.aw-app .apw-calculation-step{display:grid;grid-template-columns:minmax(50px,1fr) auto minmax(40px,auto) auto minmax(110px,auto);align-items:center;gap:14px;padding:10px 14px;border:1px solid #d3e4da;border-radius:15px;background:#f8fbf6;font-size:clamp(27px,4cqw,48px);font-weight:650;min-width:0}.aw-app .apw-step-operand{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;min-width:0}.aw-app .apw-step-factor{color:#167f75}.aw-app .apw-step-equals{color:#78958b;font-weight:400}.aw-app .apw-calculation-step .apw-entry{min-width:110px;min-height:70px;font-size:inherit;padding:10px;max-width:340px}.aw-app .apw-entry.has-long-value{font-size:clamp(22px,3.2cqw,42px)}.aw-app .apw-pad-display{overflow-wrap:anywhere;min-width:0;font-size:clamp(18px,2cqw,26px)}
.aw-app .apw-module[data-task=context] .apw-work{gap:16px}.aw-app .apw-story>p{font-size:clamp(21px,2.8cqw,31px);line-height:1.35;max-width:880px}.aw-app .apw-context-scene{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;width:min(900px,100%);padding:10px 0;color:#3d977d}.aw-app .apw-scene-icon{width:32px;height:34px;flex:none;display:block}.aw-app .apw-scene-grid{display:grid;grid-template-columns:repeat(var(--apw-scene-side),minmax(20px,42px));gap:6px;max-width:100%}.aw-app .apw-scene-cell{display:grid;place-items:center;aspect-ratio:1;border:1px solid #c4ddcb;border-radius:7px;background:#f4f8e9}.aw-app .apw-scene-cell .apw-scene-icon{width:80%;height:80%}.aw-app .apw-context-scene[data-power-scene=square] .apw-scene-grid{padding:13px;background:#fcfbef;border:1px solid #e5dcc1;border-radius:15px}.aw-app .apw-scene-layers{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:16px}.aw-app .apw-scene-layer{padding:10px;border:1px solid #d1e2d6;border-radius:12px;background:#f8fcf6;box-shadow:3px 4px 0 #e3ede0}.aw-app .apw-scene-layer .apw-scene-grid{grid-template-columns:repeat(var(--apw-scene-side),minmax(10px,25px));gap:3px}.aw-app .apw-scene-cube-cell{width:25px;aspect-ratio:1;background:#8fc7b3;border:1px solid #5caa8b;border-radius:3px}
.aw-app .apw-scene-groups{display:flex;justify-content:center;flex-wrap:wrap;gap:16px;max-width:100%}.aw-app .apw-scene-group{display:flex;justify-content:center;align-content:center;flex-wrap:wrap;gap:8px;max-width:235px;padding:14px;border:2px solid #d2c9a6;border-top-width:7px;border-radius:12px;background:#fffbee;box-shadow:0 3px 0 #eae2c8}.aw-app .apw-scene-inside{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;padding:6px;max-width:95px;border:1px solid #b4d4c3;border-radius:8px;background:#edf7ee}.aw-app .apw-scene-inside .apw-scene-icon{width:20px;height:22px}.aw-app .apw-code-key{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;color:#a87325;font-size:36px}.aw-app .apw-code-key>span{display:grid;place-items:center;min-width:44px;min-height:44px;border-radius:10px;background:#fff3d7}.aw-app .apw-code-slots{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.aw-app .apw-code-slot{display:grid;place-items:center;min-width:48px;min-height:64px;padding:5px 12px;border:2px solid #a3ccba;border-radius:10px;background:#f2f8ed;color:#76978b;font-size:35px}.aw-app .apw-context-growth{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px}.aw-app .apw-context-growth>.apw-scene-icon{width:40px;height:44px}.aw-app .apw-context-round{display:flex;align-items:center;gap:10px}.aw-app .apw-round-times{font-size:21px;color:#63907c}.aw-app .apw-round-node{display:grid;place-items:center;min-width:47px;min-height:47px;border:2px dashed #b0ccbc;border-radius:50%;font-size:29px;color:#789584;background:#f3f8ee}
@container apw (max-width:760px){.aw-app .apw-calculation-step{gap:8px;padding:8px;font-size:30px;grid-template-columns:minmax(36px,1fr) auto minmax(25px,auto) auto minmax(80px,auto)}.aw-app .apw-calculation-step .apw-entry{min-width:80px;min-height:64px;font-size:30px}.aw-app .apw-calculation-step .apw-entry.has-long-value{font-size:21px}.aw-app .apw-scene-group{max-width:200px}.aw-app .apw-scene-inside .apw-scene-icon{width:17px;height:19px}.aw-app .apw-calculation-heading{gap:12px}}
@container apw (max-width:560px){.aw-app .apw-calculation-heading .apw-power{font-size:70px}.aw-app .apw-calculation-heading .apw-product{font-size:29px}.aw-app .apw-calculation-heading .apw-factor{min-width:36px;min-height:42px;padding:6px 8px}.aw-app .apw-calculation-step{font-size:26px;gap:6px;padding:8px;grid-template-columns:minmax(20px,1fr) auto minmax(20px,auto) auto minmax(70px,auto)}.aw-app .apw-calculation-step .apw-entry{font-size:27px;min-width:70px;min-height:60px}.aw-app .apw-calculation-step .apw-entry.has-long-value{font-size:18px}.aw-app .apw-scene-group{max-width:150px;padding:10px;gap:6px}.aw-app .apw-scene-icon{width:26px;height:29px}.aw-app .apw-scene-inside{padding:4px;gap:3px;max-width:65px}.aw-app .apw-scene-inside .apw-scene-icon{width:15px;height:17px}.aw-app .apw-scene-layer .apw-scene-grid{grid-template-columns:repeat(var(--apw-scene-side),minmax(10px,18px))}.aw-app .apw-scene-cube-cell{width:18px}.aw-app .apw-code-slot{min-width:40px;min-height:50px;padding:3px 8px;font-size:28px}.aw-app .apw-story>p{font-size:22px}.aw-app .apw-context-answer .apw-entry{max-width:230px}.aw-app .apw-calculation .apw-entry.has-long-value{font-size:22px}.aw-app .apw-round-node{min-width:40px;min-height:40px;font-size:26px}.aw-app .apw-round-times{font-size:18px}}

.aw-app .apw-reading-alternative{display:block;margin-top:5px;font-size:.65em;color:#7a8c79}

/* Keep the pupil's answer in view: the long working list has its own scroll. */
.aw-app .apw-module[data-task=calculate][data-calculation=steps] .apw-body{align-items:stretch;overflow:hidden}
.aw-app .apw-module[data-task=calculate][data-calculation=steps] .apw-work{height:100%;justify-content:flex-start;gap:10px;overflow:hidden}
.aw-app .apw-module[data-task=calculate][data-calculation=steps] .apw-calculation-modes{flex:none}
.aw-app .apw-module[data-task=calculate][data-calculation=steps] .apw-calculation-heading{flex:none}
.aw-app .apw-module[data-task=calculate][data-calculation=steps] .apw-calculation-heading .apw-power{font-size:clamp(56px,7cqw,82px)}
.aw-app .apw-calculation-steps{min-height:0;overflow:auto;overscroll-behavior:contain;scroll-padding:8px;padding:2px 8px 8px;flex:1;flex-shrink:1}
.aw-app .apw-calculation-step{flex:none}
.aw-app .apw-module[data-task=context] .apw-work{height:100%;display:grid;grid-template-rows:auto minmax(82px,1fr) auto;gap:8px;justify-items:center;align-content:center;padding:4px}
.aw-app .apw-module[data-task=context] .apw-story{gap:5px;align-self:end}
.aw-app .apw-module[data-task=context] .apw-story>strong{font-size:clamp(22px,2.3cqw,28px)}
.aw-app .apw-module[data-task=context] .apw-story>p{font-size:clamp(19px,2.2cqw,25px);line-height:1.3}
.aw-app .apw-context-scene{min-height:0;max-height:150px;overflow:auto;padding:3px;gap:6px;align-self:center}
.aw-app .apw-context-scene .apw-scene-grid{grid-template-columns:repeat(var(--apw-scene-side),minmax(13px,25px));gap:3px}
.aw-app .apw-context-scene[data-power-scene=square] .apw-scene-grid{padding:6px}
.aw-app .apw-context-scene .apw-scene-layer{padding:6px}
.aw-app .apw-context-scene .apw-scene-layer .apw-scene-grid{grid-template-columns:repeat(var(--apw-scene-side),minmax(10px,20px))}
.aw-app .apw-context-scene .apw-scene-cube-cell{width:20px}
.aw-app .apw-context-scene .apw-scene-group{padding:8px;gap:5px;max-width:260px;border-top-width:5px}
.aw-app .apw-context-scene .apw-scene-inside{max-width:72px;padding:4px;gap:3px}
.aw-app .apw-context-scene .apw-scene-inside .apw-scene-icon{width:17px;height:19px}
.aw-app .apw-context-answer{gap:12px;align-self:start}
.aw-app .apw-context-answer .apw-answer-power{padding:3px;gap:8px}
.aw-app .apw-context-answer .apw-answer-power .apw-field-base{padding-top:22px}
.aw-app .apw-context-answer .apw-answer-power .apw-field-base .apw-entry{min-width:86px;min-height:72px;font-size:42px}
.aw-app .apw-context-answer .apw-answer-power .apw-field-exponent .apw-entry{min-width:70px;min-height:58px;font-size:32px}
.aw-app .apw-context-answer .apw-field-label{font-size:15px}
.aw-app .apw-context-answer>.apw-field .apw-entry{min-height:72px;font-size:clamp(30px,3cqw,45px)}
@container apw (max-width:760px){.aw-app .apw-context-scene{max-height:120px}.aw-app .apw-context-scene .apw-scene-group{max-width:195px}.aw-app .apw-context-scene .apw-scene-inside{max-width:56px}.aw-app .apw-context-scene .apw-scene-inside .apw-scene-icon{width:13px;height:16px}.aw-app .apw-context-answer .apw-answer-power .apw-field-base .apw-entry{min-width:75px;min-height:64px}.aw-app .apw-context-answer .apw-answer-power .apw-field-exponent .apw-entry{min-width:58px;min-height:54px}.aw-app .apw-context-answer>.apw-field .apw-entry{min-height:64px;min-width:80px}.aw-app .apw-context-answer{gap:8px}.aw-app .apw-context-answer .apw-answer-power .apw-field-base{padding-top:15px}}
@container apw (max-width:560px){.aw-app .apw-module[data-task=calculate][data-calculation=steps] .apw-body{overflow:auto}.aw-app .apw-module[data-task=calculate][data-calculation=steps] .apw-work{height:auto;overflow:visible;flex:none}.aw-app .apw-calculation-steps{overflow:visible;min-height:0;flex:none;padding:2px}.aw-app .apw-module[data-task=context] .apw-work{height:auto;display:flex;flex:none;gap:12px}.aw-app .apw-context-scene{max-height:210px;overflow:visible}.aw-app .apw-context-answer{align-self:center}.aw-app .apw-module[data-task=context] .apw-story>p{font-size:21px}.aw-app .apw-context-scene .apw-scene-group{max-width:145px}.aw-app .apw-context-answer .apw-field-label{font-size:14px}}
.aw-app .apw-context-levels{display:flex;justify-content:center;align-items:center;gap:10px;max-width:100%;width:100%}.aw-app .apw-context-level{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:10px 12px;border:1px solid #cfdec2;border-top:5px solid #d1c79c;border-radius:12px;background:#fffbee;min-width:0;flex:1;max-width:200px}.aw-app .apw-level-amount{display:flex;align-items:center;justify-content:center;gap:8px}.aw-app .apw-level-amount strong{font-size:34px;color:#2c7a66}.aw-app .apw-context-level>span{font-size:18px;line-height:1.25;color:#526d5b}.aw-app .apw-level-link{color:#8ca395;font-size:25px;flex:none}
@container apw (max-width:560px){.aw-app .apw-context-levels{flex-wrap:wrap;gap:6px}.aw-app .apw-context-level{padding:8px;min-width:65px}.aw-app .apw-context-level>span{font-size:15px}.aw-app .apw-level-amount{gap:4px}.aw-app .apw-level-amount strong{font-size:27px}.aw-app .apw-level-amount .apw-scene-icon{width:24px;height:27px}.aw-app .apw-level-link{font-size:17px}}

/* A concrete drawing grows one factor at a time: pieces, boxes, then a shelf unit. */
.aw-app .apw-discovery-heading{display:contents}
.aw-app .apw-module[data-drawing=true] .apw-work{width:100%;align-items:stretch;gap:10px}
.aw-app .apw-module[data-drawing=true] .apw-discovery-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;width:100%;flex:none}
.aw-app .apw-module[data-drawing=true] .apw-discovery-heading>.apw-power{font-size:clamp(60px,7cqw,92px)}
.aw-app .apw-module[data-drawing=true] .apw-discovery-heading>.apw-meaning{display:none}
.aw-app .apw-module[data-drawing=true] .apw-discovery-heading>.apw-meaning.has-part{display:flex;flex-basis:100%;order:3;min-height:0;flex-direction:row;align-items:center;gap:9px;font-size:16px}
.aw-app .apw-module[data-drawing=true] .apw-discovery-heading>.apw-meaning strong{font-size:18px}
.aw-app .apw-module[data-drawing=true] .apw-discover-controls{margin-left:auto}
.aw-app .apw-drawing{width:100%;max-width:100%;padding:0;display:flex;flex-direction:column;align-items:center;gap:9px;flex:none}
.aw-app .apw-drawing-product{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:7px;font-size:clamp(25px,3cqw,40px);line-height:1.15;width:100%;margin:0}
.aw-app .apw-drawing-product .apw-factor{min-width:36px;min-height:39px;padding:5px 10px;border-radius:9px;font-size:inherit;color:#197f71;background:#edf8f1}
.aw-app .apw-drawing-product .apw-factor.is-current{color:#9d661c;background:#fff2d4;border-color:#e5c87f}
.aw-app .apw-drawing-product .apw-times{font-size:.7em;color:#8ca598}
.aw-app .apw-drawing-equals{color:#8ca598;font-size:.85em;font-weight:400;margin:0 3px}
.aw-app .apw-drawing-total{color:#214c49;font-size:1em;overflow-wrap:anywhere}
.aw-app .apw-drawing-unit{font-size:.6em;color:#6a8278;font-weight:500}
.aw-app .apw-drawing-scene{--apw-dot:18px;display:flex;justify-content:center;align-items:center;gap:15px;width:100%;max-width:100%;min-width:0;min-height:165px;padding:8px;color:#2c8a73}
.aw-app .apw-drawing-box{display:grid;grid-template-columns:repeat(var(--apw-pieces,4),var(--apw-dot));align-items:center;justify-content:center;gap:4px;min-width:24px;min-height:30px;padding:7px 8px;border:2px solid #99bfb0;border-top-width:5px;border-radius:7px;background:#f4faf4;box-shadow:0 2px 0 #dcebe2}
.aw-app .apw-drawing-piece{display:block;width:var(--apw-dot);height:var(--apw-dot);border-radius:50%;background:#459f84;border:1px solid #267d65;flex:none;box-shadow:inset 0 2px 0 #ffffff4d}
.aw-app .apw-drawing-scene.is-one-box .apw-drawing-box{--apw-dot:34px;padding:18px 20px;gap:9px;border-radius:12px;border-top-width:8px}
.aw-app .apw-drawing-scene.is-one-box:has(.apw-drawing-box[style*="--apw-pieces: 5"]){--apw-dot:23px}
.aw-app .apw-drawing-scene.is-one-box .apw-drawing-box:has(.apw-drawing-piece:nth-child(6)){grid-template-columns:repeat(5,22px);--apw-dot:22px;gap:7px;padding:12px}
.aw-app .apw-drawing-shelf{display:grid;grid-template-columns:repeat(var(--apw-boxes,4),max-content);justify-content:center;align-items:end;gap:8px;padding:5px 8px 8px;border-bottom:6px solid #cab480;border-radius:3px;background:linear-gradient(0deg,#f7f2df 0 5px,transparent 5px)}
.aw-app .apw-drawing-shelf.is-new .apw-drawing-box{border-color:#d8b96d;background:#fff9e9}
.aw-app .apw-drawing-rack{display:flex;flex-direction:column;gap:7px;padding:10px 9px 0;border:8px solid #d7c394;border-bottom-width:11px;border-top-width:7px;border-radius:11px 11px 7px 7px;background:#fffdf5;box-shadow:0 4px 0 #e7dec5}
.aw-app .apw-drawing-rack .apw-drawing-shelf{padding:3px 2px 6px;gap:8px;border-bottom-width:5px}
.aw-app .apw-drawing-rack .apw-drawing-box{padding:4px 6px;gap:3px;border-top-width:4px;min-height:0}
.aw-app .apw-drawing-rack:has(.apw-drawing-shelf:nth-child(5)){--apw-dot:14px}
.aw-app .apw-drawing-scene.is-unit .apw-drawing-piece{--apw-dot:52px}
.aw-app .apw-drawing-scene.is-zero .apw-drawing-box{width:135px;height:80px;border-style:dashed;background:#fff}
.aw-app .apw-drawing-empty{font-size:27px;color:#63877a}
.aw-app .apw-drawing-caption{margin:0;max-width:100%;font-size:clamp(17px,2.2cqw,24px);line-height:1.3;text-align:center;color:#57766b;overflow-wrap:anywhere}
.aw-app .apw-drawing-nav{display:flex;justify-content:center;align-items:center;gap:14px;width:100%;margin-top:2px;flex:none}
.aw-app .apw-drawing-nav .apw-button{min-height:44px;padding:9px 14px;font-size:16px}
.aw-app .apw-drawing-next{color:#fff;background:#117d71;border-color:#117d71}
.aw-app .apw-drawing-next:not(:disabled):hover{background:#06695f;color:#fff}
.aw-app .apw-drawing-count{font-size:15px;color:#648276;min-width:78px;text-align:center}
.aw-app .apw-drawing-bundles{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;width:100%;max-width:900px}
.aw-app .apw-drawing-bundle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:70px;max-width:170px;padding:8px 10px;border:2px solid #d9c48c;border-radius:10px;background:#fffaed}
.aw-app .apw-drawing-bundle strong{font-size:clamp(14px,1.6cqw,22px);line-height:1.2;color:#356d5d;overflow-wrap:anywhere;max-width:100%}
.aw-app .apw-drawing-bundle small{font-size:12px;color:#6c8377}
.aw-app .apw-drawing-bundle-mark{position:relative;width:36px;height:25px;display:block}
.aw-app .apw-drawing-bundle-mark i{position:absolute;width:25px;height:16px;border:1.5px solid #789e87;border-top:4px solid #789e87;background:#eff7eb;border-radius:3px;left:0;top:8px}
.aw-app .apw-drawing-bundle-mark i:nth-child(2){left:6px;top:4px}.aw-app .apw-drawing-bundle-mark i:nth-child(3){left:12px;top:0}
.aw-app .apw-module[data-drawing=true] .apw-discovered-equation{padding-top:6px;gap:15px}
.aw-app .apw-module[data-drawing=true] .apw-discovered-equation .apw-product{font-size:28px}
.aw-app .apw-module[data-drawing=true] .apw-reading{font-size:23px}
@media(max-height:850px){
 .aw-app .apw-module[data-drawing=true] .apw-work{gap:7px;justify-content:flex-start}
 .aw-app .apw-module[data-drawing=true] .apw-discovery-heading>.apw-power{font-size:62px}
 .aw-app .apw-module[data-drawing=true] .apw-discover-controls .apw-button{font-size:14px;min-height:44px;padding:8px 11px}
 .aw-app .apw-drawing{gap:7px}.aw-app .apw-drawing-scene{--apw-dot:14px;min-height:155px;padding:4px}
 .aw-app .apw-drawing-rack{padding:7px 6px 0;gap:5px;border-width:6px;border-bottom-width:8px}
 .aw-app .apw-drawing-rack .apw-drawing-shelf{padding:2px 1px 4px;gap:7px;border-bottom-width:4px}
 .aw-app .apw-drawing-rack .apw-drawing-box{padding:3px 5px;gap:3px}
 .aw-app .apw-drawing-rack:has(.apw-drawing-shelf:nth-child(5)){--apw-dot:12px}
 .aw-app .apw-drawing-caption{font-size:17px}.aw-app .apw-drawing-product{font-size:27px}
}
@container apw (max-width:560px){
 .aw-app .apw-module[data-drawing=true] .apw-discovery-heading{justify-content:center;gap:9px}
 .aw-app .apw-module[data-drawing=true] .apw-discover-controls{margin-left:0;width:100%;gap:5px}
 .aw-app .apw-module[data-drawing=true] .apw-discover-controls .apw-button{font-size:13px;padding:8px;min-height:44px}
 .aw-app .apw-drawing-product{gap:5px;font-size:25px}.aw-app .apw-drawing-product .apw-factor{min-width:30px;min-height:35px;padding:4px 7px}
 .aw-app .apw-drawing-scene{--apw-dot:10px;min-height:145px;padding:4px 0}
 .aw-app .apw-drawing-box{padding:5px;gap:3px;border-width:1px;border-top-width:4px}
 .aw-app .apw-drawing-shelf{gap:5px;padding-inline:5px;border-bottom-width:4px}
 .aw-app .apw-drawing-rack{padding:6px 4px 0;border-width:5px;border-bottom-width:7px;gap:4px}
 .aw-app .apw-drawing-rack .apw-drawing-shelf{gap:5px;padding:2px 0 4px;border-bottom-width:3px}
 .aw-app .apw-drawing-rack .apw-drawing-box{padding:3px;gap:2px;border-top-width:3px}
 .aw-app .apw-drawing-rack:has(.apw-drawing-shelf:nth-child(5)){--apw-dot:6px}
 .aw-app .apw-drawing-scene.is-one-shelf:has(.apw-drawing-shelf>.apw-drawing-box:nth-child(5)){--apw-dot:7px}
 .aw-app .apw-drawing-nav{gap:6px;flex-wrap:wrap}.aw-app .apw-drawing-nav .apw-button{font-size:14px;padding:9px 10px}.aw-app .apw-drawing-count{min-width:65px;font-size:13px}
 .aw-app .apw-drawing-bundle{min-width:66px;max-width:120px;padding:7px 8px}.aw-app .apw-drawing-bundle strong{font-size:15px}
}
@media print{.aw-app .apw-drawing-nav{display:none!important}}

.aw-app .apw-drawing-scene.is-one-box .apw-drawing-piece{background:#dbb75e;border-color:#b28c38}
.aw-app .apw-drawing-rack.is-new{border-color:#d0b36b}.aw-app .apw-drawing-rack.is-new .apw-drawing-shelf{border-bottom-color:#c79a37}

/* Keep the complete concrete picture and its navigation visible on classroom tablets. */
.aw-app .apw-module[data-mode=discover] .apw-status{display:none}
.aw-app .apw-drawing-footer{display:flex;align-items:center;justify-content:center;gap:20px;max-width:100%;width:100%}
.aw-app .apw-drawing-footer .apw-drawing-caption{flex:1;min-width:0;text-align:left;max-width:560px;font-size:18px}
.aw-app .apw-drawing-footer .apw-drawing-nav{width:auto;flex:none;gap:10px;margin-top:0}
@media(max-height:850px){
 .aw-app .apw-module[data-drawing=true] .apw-body{padding-block:4px}
 .aw-app .apw-module[data-drawing=true] .apw-discovery-heading>.apw-power{font-size:58px}
 .aw-app .apw-drawing-footer{gap:14px}
 .aw-app .apw-drawing-footer .apw-drawing-caption{font-size:16px}
 .aw-app .apw-drawing-footer .apw-drawing-nav{gap:7px}
 .aw-app .apw-drawing-footer .apw-button{font-size:14px;padding-inline:11px}
}
@container apw (max-width:650px){
 .aw-app .apw-drawing-footer{flex-direction:column;gap:8px}
 .aw-app .apw-drawing-footer .apw-drawing-caption{text-align:center;font-size:16px}
 .aw-app .apw-drawing-footer .apw-drawing-nav{width:100%;flex-wrap:wrap;gap:6px}
}
@media(min-width:1200px) and (min-height:851px){
 .aw-app .apw-drawing-scene{--apw-dot:28px;min-height:210px}
 .aw-app .apw-drawing-rack:has(.apw-drawing-shelf:nth-child(5)){--apw-dot:20px}
 .aw-app .apw-drawing-rack{padding:14px 12px 0;gap:10px;border-width:10px;border-bottom-width:13px}
 .aw-app .apw-drawing-rack .apw-drawing-shelf{padding:5px 3px 9px;gap:12px;border-bottom-width:6px}
 .aw-app .apw-drawing-rack .apw-drawing-box{padding:7px 8px;gap:5px;border-top-width:5px}
}

/* One, two and three equal directions: a geometric model of the first powers. */
.aw-app .apw-dimensions{align-self:center;display:flex;flex-direction:column;align-items:center;gap:9px;width:min(100%,980px);max-width:100%;min-width:0;padding:0 4px}
.aw-app .apw-dimension-controls{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;max-width:100%}
.aw-app .apw-dimension-steps{display:flex;align-items:center;justify-content:center;gap:5px;padding:4px;border-radius:14px;background:#edf5f0;max-width:100%}
.aw-app .apw-dimension-step{font-size:16px;min-height:44px;padding:8px 12px;background:transparent;border-color:transparent;white-space:nowrap}
.aw-app .apw-dimension-step[aria-pressed=true]{background:#fff;border-color:#68ae95;box-shadow:0 2px 4px #2954430b}
.aw-app .apw-dimension-examples{width:210px;max-width:100%;min-height:48px;border:1px solid #cbded5;border-radius:12px;background:#fff;color:#42665c;font:650 15px/1.2 AulaInter,system-ui;padding:8px 10px;touch-action:manipulation}
.aw-app .apw-dimension-figure{display:block;width:min(660px,100%);height:clamp(200px,33cqw,360px);max-width:100%;overflow:visible;flex:none}
.aw-app .apw-dimension-summary{display:flex;align-items:center;justify-content:center;gap:20px;max-width:100%;flex-wrap:wrap}.aw-app .apw-dimension-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:100%}
.aw-app .apw-dimension-label{display:flex;align-items:center;gap:7px;padding:7px 11px;border-radius:10px;background:#eaf7f0;color:#137e70;font-size:clamp(15px,1.8cqw,21px);line-height:1.1}
.aw-app .apw-dimension-label i{font-style:normal;font-size:1.3em}
.aw-app .apw-dimension-label[data-axis=width]{background:#fff4d9;color:#966319}
.aw-app .apw-dimension-label[data-axis=depth]{background:#eaf3fb;color:#3c739d}
.aw-app .apw-dimension-product{gap:9px;min-height:44px;font-size:clamp(27px,3.5cqw,45px);flex:none}
.aw-app .apw-dimension-product .apw-factor{border:0;border-radius:0;background:transparent;min-width:25px;min-height:35px;padding:1px 3px;color:#167f75}
.aw-app .apw-dimension-equals{color:#7d958a;font-size:.85em;margin-inline:4px}
.aw-app .apw-dimension-total{color:#254b50}
.aw-app .apw-dimension-caption{margin:0;color:#658075;font-size:clamp(14px,1.7cqw,19px);line-height:1.3}
.aw-app .apw-dimension-intro{display:flex;flex-direction:column;align-items:center;gap:10px;padding:12px 8px}
.aw-app .apw-dimension-intro>strong{font-size:28px;color:#426b5e}
.aw-app .apw-dimension-intro>p{margin:0;font-size:17px;color:#658075}
.aw-app .apw-dimension-intro>.apw-dimension-figure{opacity:.75;width:350px;height:215px}
.aw-app .apw-module[data-dimensions=true] .apw-discovery-heading{gap:12px}
@media(max-height:850px){
 .aw-app .apw-dimensions{gap:6px}
 .aw-app .apw-dimension-figure{height:200px;width:340px}
 .aw-app .apw-dimension-summary{gap:15px}.aw-app .apw-dimension-controls{gap:9px}
 .aw-app .apw-dimension-step{font-size:14px;padding:7px 10px}
 .aw-app .apw-dimension-examples{min-height:44px;font-size:14px;width:188px}
 .aw-app .apw-dimension-label{font-size:15px;padding:5px 9px}
 .aw-app .apw-dimension-product{font-size:28px;gap:7px}
 .aw-app .apw-dimension-caption{font-size:14px}
}
@container apw (max-width:560px){
 .aw-app .apw-dimension-summary{gap:8px}.aw-app .apw-dimension-controls{gap:7px;width:100%}
 .aw-app .apw-dimension-steps{width:100%;gap:3px;padding:3px}
 .aw-app .apw-dimension-step{flex:1;font-size:12px;padding:7px 5px;min-height:44px}
 .aw-app .apw-dimension-examples{min-height:44px;width:100%;max-width:290px;font-size:14px}
 .aw-app .apw-dimension-figure{width:100%;height:auto;aspect-ratio:620/400;max-height:230px}
 .aw-app .apw-dimension-legend{gap:5px}
 .aw-app .apw-dimension-label{font-size:12px;padding:6px;gap:4px}
 .aw-app .apw-dimension-caption{font-size:13px}
 .aw-app .apw-dimension-intro>p{font-size:15px}
}
@media print{.aw-app .apw-dimension-controls{display:none!important}}

/* Spatial models and a multiplying machine share one compact selector. */
.aw-app .apw-model-tabs{display:flex;align-items:center;justify-content:center;gap:4px;padding:4px;border-radius:13px;background:#f0f4f6}
.aw-app .apw-model-tabs .apw-button{min-height:44px;padding:8px 12px;font-size:15px;background:transparent;border-color:transparent}
.aw-app .apw-model-tabs .apw-button[aria-pressed=true]{background:#fff;border-color:#8bb9ac;box-shadow:none}
.aw-app .apw-dimension-controls:has(.apw-model-tabs){gap:10px}
.aw-app .apw-dimension-controls:has(.apw-model-tabs) .apw-dimension-step{font-size:15px;padding-inline:10px}
.aw-app .apw-machine-goal{display:flex;align-items:center;gap:10px;color:#71877c}
.aw-app .apw-machine-goal>small{font-size:15px;font-weight:650}
.aw-app .apw-machine-goal>.apw-power{font-size:48px}
.aw-app .apw-machine-goal .apw-exponent.apw-power-part{min-height:34px}
.aw-app .apw-machine{width:min(1100px,100%);gap:13px}
.aw-app .apw-machine-scene{--apw-machine-dot:16px;display:grid;grid-template-columns:minmax(120px,1fr) 114px minmax(200px,1.6fr);align-items:center;gap:12px;width:100%;max-width:960px;min-height:220px}
.aw-app .apw-machine-panel{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;height:100%;justify-content:center;padding:12px;border:1px solid #d9e5de;border-radius:17px;background:#f8faf7}
.aw-app .apw-machine-output{border-color:#b3d8c5;background:#f0f9f1}
.aw-app .apw-machine-label{font-size:18px;font-weight:600;line-height:1.1;color:#71877d}
.aw-app .apw-machine-amount{font-size:clamp(30px,4cqw,48px);line-height:1.1;max-width:100%;overflow-wrap:anywhere;color:#537667}
.aw-app .apw-machine-output .apw-machine-amount{color:#167d70}
.aw-app .apw-machine-picture{display:flex;align-items:center;justify-content:center;min-height:36px;max-width:100%;min-width:0;flex:1;padding:3px}
.aw-app .apw-machine-input-grid,.aw-app .apw-machine-groups{display:grid;grid-template-columns:repeat(var(--apw-group-cols),max-content);gap:6px;align-items:center;justify-content:center;max-width:100%}
.aw-app .apw-machine-input-grid{column-gap:15px;row-gap:8px}
.aw-app .apw-machine-group{display:grid;grid-template-columns:repeat(var(--apw-inner-cols),max-content);gap:3px;padding:4px;border:1px solid #c4dbc9;border-radius:7px;background:#fff}
.aw-app .apw-machine-token{display:block;width:var(--apw-machine-dot);height:var(--apw-machine-dot);border-radius:5px;background:var(--apw-token-color,#168275);box-shadow:inset 0 -2px 0 #00000010;flex:none}
.aw-app .apw-machine-input .apw-machine-token{opacity:.6}
.aw-app .apw-machine-operation{display:flex;align-items:center;justify-content:center;gap:4px;min-width:0}
.aw-app .apw-machine-arrow{font-size:24px;color:#7ea08b;line-height:1}
.aw-app .apw-machine-multiplier{display:grid;place-items:center;min-width:76px;min-height:78px;padding:10px;border:2px solid #e0c78d;border-radius:17px;background:#fff4d8;color:#aa721c;font-size:29px;line-height:1;white-space:nowrap}
.aw-app .apw-machine-ready{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;min-height:170px;color:#7c9488;font-size:17px;border:2px dashed #dbe7de;border-radius:17px;padding:10px}
.aw-app .apw-machine-ready-mark{font-size:45px;color:#b6c8bb}
.aw-app .apw-machine-empty{font-size:18px;color:#7a9184}
.aw-app .apw-machine-summary{display:flex;flex-direction:column;align-items:center;gap:5px;max-width:100%;color:#6b8c7c}
.aw-app .apw-machine-summary-mark{font-size:58px;line-height:1}
.aw-app .apw-machine-summary small{font-size:15px}
.aw-app .apw-machine-equation{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;min-height:62px;max-width:100%}
.aw-app .apw-machine-equation>.apw-power{font-size:51px}
.aw-app .apw-machine-equation>.apw-relation{font-size:35px}
.aw-app .apw-machine-start{font-size:26px;color:#5a7d6a}
.aw-app .apw-machine-result{font-size:47px;line-height:1.1;color:#214e4b;max-width:100%;overflow-wrap:anywhere}
.aw-app .apw-machine-factors{font-size:34px;gap:7px;min-height:0}
.aw-app .apw-machine-factors .apw-factor{font-size:inherit;min-width:0;min-height:0;padding:0;border:0;background:transparent;border-radius:0}
.aw-app .apw-machine-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;max-width:100%}
.aw-app .apw-machine-explanation{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0;text-align:left}
.aw-app .apw-machine-caption{font-size:18px;line-height:1.25;color:#5f7d6f;margin:0}
.aw-app .apw-machine-progress{font-size:14px;line-height:1.2;color:#7c9387}
.aw-app .apw-machine-nav{display:flex;align-items:center;justify-content:center;gap:7px;flex:none}
.aw-app .apw-machine-nav .apw-button{min-height:44px;padding:8px 11px;font-size:15px}
.aw-app .apw-machine-reset{width:44px;font-size:24px!important;padding:0!important}
@media(max-height:850px){
 .aw-app .apw-model-tabs .apw-button{font-size:14px;padding-inline:10px}
 .aw-app .apw-dimension-controls:has(.apw-model-tabs) .apw-dimension-step{font-size:14px;padding-inline:8px}
 .aw-app .apw-machine{gap:6px}
 .aw-app .apw-machine-goal>.apw-power{font-size:42px}
 .aw-app .apw-machine-goal .apw-exponent.apw-power-part{min-height:29px}
 .aw-app .apw-machine-scene{--apw-machine-dot:12px;min-height:164px;grid-template-columns:minmax(110px,1fr) 92px minmax(190px,1.6fr);gap:8px}
 .aw-app .apw-machine-panel{gap:3px;padding:7px;border-radius:13px}
 .aw-app .apw-machine-label{font-size:15px}
 .aw-app .apw-machine-amount{font-size:30px}
 .aw-app .apw-machine-input-grid{column-gap:13px;row-gap:7px}
 .aw-app .apw-machine-groups{gap:4px}
 .aw-app .apw-machine-group{gap:2px;padding:2px;border-radius:5px}
 .aw-app .apw-machine-multiplier{min-width:59px;min-height:65px;font-size:25px;padding:6px;border-radius:14px}
 .aw-app .apw-machine-arrow{font-size:21px}
 .aw-app .apw-machine-ready{min-height:150px;font-size:15px}
 .aw-app .apw-machine-equation{min-height:45px;gap:7px}
 .aw-app .apw-machine-equation>.apw-power{font-size:40px}
 .aw-app .apw-machine-result{font-size:35px}.aw-app .apw-machine-factors{font-size:28px;gap:5px}
 .aw-app .apw-machine-equation>.apw-relation{font-size:27px}
 .aw-app .apw-machine-caption{font-size:16px}
 .aw-app .apw-machine-nav .apw-button{font-size:14px;padding-inline:9px}
}
@container apw (max-width:650px){
 .aw-app .apw-machine-scene{grid-template-columns:minmax(75px,1fr) 75px minmax(110px,1.6fr);gap:5px;--apw-machine-dot:10px}
 .aw-app .apw-machine-multiplier{font-size:21px;min-width:49px;min-height:57px;border-radius:12px}
 .aw-app .apw-machine-arrow{font-size:17px}
 .aw-app .apw-machine-panel{padding:6px 3px}
 .aw-app .apw-machine-amount{font-size:25px}
 .aw-app .apw-machine-input-grid{column-gap:7px;row-gap:6px}
 .aw-app .apw-machine-groups{gap:3px}.aw-app .apw-machine-group{gap:2px;padding:2px}
 .aw-app .apw-machine-label{font-size:13px}
 .aw-app .apw-machine-footer{flex-direction:column;gap:8px}
 .aw-app .apw-machine-explanation{align-items:center;text-align:center}
 .aw-app .apw-machine-equation>.apw-power{font-size:37px}
 .aw-app .apw-machine-result{font-size:32px}
 .aw-app .apw-machine-factors{font-size:24px;gap:4px}
}
@container apw (max-width:560px){
 .aw-app .apw-model-tabs{width:100%}
 .aw-app .apw-model-tabs .apw-button{flex:1}
 .aw-app .apw-dimension-controls:has(.apw-model-tabs) .apw-dimension-step{font-size:12px;padding-inline:5px}
 .aw-app .apw-machine-goal{gap:7px}.aw-app .apw-machine-goal>.apw-power{font-size:38px}
 .aw-app .apw-machine-scene{display:flex;flex-direction:column;width:100%;--apw-machine-dot:14px;gap:8px}
 .aw-app .apw-machine-panel{width:100%;min-height:110px;padding:8px;gap:4px}
 .aw-app .apw-machine-picture{min-height:25px}
 .aw-app .apw-machine-operation{gap:15px}
 .aw-app .apw-machine-multiplier{min-height:49px}
 .aw-app .apw-machine-arrow{transform:rotate(90deg);font-size:22px}
 .aw-app .apw-machine-ready{min-height:90px;width:100%;font-size:15px}
 .aw-app .apw-machine-group{gap:2px;padding:3px}
 .aw-app .apw-machine-equation{gap:6px}
 .aw-app .apw-machine-equation>.apw-power{font-size:35px}
 .aw-app .apw-machine-equation>.apw-relation{font-size:25px}
 .aw-app .apw-machine-result{font-size:30px}
 .aw-app .apw-machine-caption{font-size:15px}
}
@media print{.aw-app .apw-machine-nav,.aw-app .apw-machine-examples{display:none!important}}

.aw-app .apw-machine-panel[data-small=true]{--apw-machine-dot:28px}
@media(max-height:850px){.aw-app .apw-machine-panel[data-small=true]{--apw-machine-dot:20px}}
@container apw (max-width:560px){.aw-app .apw-machine-panel[data-small=true]{--apw-machine-dot:24px}}
