/* One operation, its easy numbers, and a numeric panel with its own space. */
.aw-app .aes-module{position:relative;display:flex;flex-direction:column;container-type:inline-size;container-name:aes;min-width:0;min-height:0;width:100%;height:100%;background:#fff;color:#214e48}
.aw-app .aes-module [hidden]{display:none!important}
.aw-app .aes-label-short{display:none}
.aw-app .aes-top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;flex:none;padding:9px 14px;border-bottom:1px solid #edf2ee;min-width:0}
.aw-app .aes-modes,.aw-app .aes-actions{display:flex;align-items:center;flex-wrap:wrap;gap:6px;min-width:0}
.aw-app .aes-modes{padding:4px;border-radius:15px;background:#f0f6f3}
.aw-app .aes-button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;min-width:44px;padding:9px 13px;border:1px solid #cbded5;border-radius:12px;background:#fff;color:#28564d;font-family:inherit;font-size:16px;font-weight:700;line-height:1.2;text-align:center;cursor:pointer;touch-action:manipulation;max-width:100%}
.aw-app .aes-button:hover{background:#edf7f1;border-color:#76af9a}
.aw-app .aes-button:focus-visible{outline:3px solid #148577;outline-offset:-3px}
.aw-app .aes-button:disabled{opacity:.48;cursor:default}
.aw-app .aes-button svg{width:21px;height:21px;flex:none}
.aw-app .aes-button.is-primary{background:#087f72;color:#fff;border-color:#087f72}
.aw-app .aes-icon{padding:8px;width:46px;flex:none}
.aw-app .aes-modes .aes-button{background:transparent;border-color:transparent}
.aw-app .aes-modes .aes-button[aria-pressed=true]{color:#087968;background:#e5f5ec;border-color:#7bb8a2;box-shadow:inset 0 0 0 1px #7bb8a2}
.aw-app .aes-body{display:grid;grid-template-columns:minmax(0,1fr) 202px;align-items:center;gap:32px;min-height:0;min-width:0;flex:1;width:min(100%,1120px);align-self:center;padding:18px 24px 8px;overflow:hidden}
.aw-app .aes-module[data-mode=discover] .aes-body{display:flex;justify-content:center}
.aw-app .aes-module[data-task=sense] .aes-body{display:flex;justify-content:center}
.aw-app .aes-work{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;width:100%;min-width:0;min-height:0;max-height:100%}
.aw-app .aes-equation{display:flex;flex-direction:column;align-items:center;gap:22px;width:100%;min-width:0;max-width:870px}
.aw-app .aes-operands{display:grid;grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr);gap:12px;align-items:start;width:100%;min-width:0}
.aw-app .aes-operand{display:grid;grid-template-rows:80px 34px minmax(68px,auto) auto;align-items:center;justify-items:center;gap:7px;min-width:0}
.aw-app .aes-signs{display:grid;grid-template-rows:80px 34px minmax(68px,auto);gap:7px;align-items:center;justify-items:center}
.aw-app .aes-original{font-size:clamp(34px,6.4cqi,76px);font-weight:750;line-height:1.05;font-variant-numeric:tabular-nums;text-align:center;color:#274e49;max-width:100%;overflow-wrap:anywhere}
.aw-app .aes-original.has-long-value{font-size:clamp(27px,4.1cqi,52px)}
.aw-app .aes-symbol{font-size:clamp(30px,4cqi,49px);font-weight:500;line-height:1;color:#79978a}
.aw-app .aes-arrow{font-size:32px;line-height:1;color:#85a999;font-weight:500}
.aw-app .aes-number{display:flex;justify-content:center;align-items:center;font-size:clamp(34px,5.6cqi,65px);font-weight:750;font-variant-numeric:tabular-nums;line-height:1.1;min-width:0;min-height:78px;width:100%;max-width:100%;padding:8px 10px;border:2px dashed #b9d2c7;border-radius:15px;background:#fff;color:#226c5d;overflow-wrap:anywhere;word-break:normal;text-align:center}
.aw-app .aes-entry.is-active{background:#edf8f2;border-style:solid;border-color:#148577;box-shadow:inset 0 0 0 1px #148577}
.aw-app .aes-number.has-long-value{font-size:clamp(25px,3.8cqi,45px)}
.aw-app .aes-number.has-very-long-value{font-size:clamp(21px,2.8cqi,35px)}
.aw-app .aes-number[data-result=correct]{background:#eef8ec;border-color:#65a47f;border-style:solid;color:#267448}
.aw-app .aes-number[data-result=incorrect]{background:#fff3ef;border-color:#d98e7e;border-style:solid;color:#a44434}
.aw-app .aes-kept{border:1px solid #dce8df;background:#f6faf7;color:#57766b}
.aw-app .aes-place-label{display:block;min-height:21px;font-size:15px;line-height:1.3;text-align:center;color:#6c8277;overflow-wrap:anywhere;max-width:100%}
.aw-app .aes-estimate-wrap{display:flex;flex-direction:column;align-items:center;gap:6px;max-width:100%;width:100%}
.aw-app .aes-result-label{font-size:15px;line-height:1.3;color:#6b8278}
.aw-app .aes-estimate-row{display:flex;justify-content:center;align-items:center;gap:14px;max-width:100%;width:100%;min-width:0;flex-wrap:wrap}
.aw-app .aes-estimate-row>.aes-number{width:auto;flex:0 1 320px;min-width:120px;min-height:85px;color:#0a7c6c}
.aw-app .aes-approx-symbol{font-size:45px;line-height:1;color:#8ca497}
.aw-app .aes-discover-estimate{font-size:21px;min-width:215px!important;flex-basis:300px!important;border-style:solid;border-color:#bbd8c9;background:#eef8f1}
.aw-app .aes-discover-estimate.is-revealed{font-size:clamp(36px,6cqi,70px);background:#eaf7ef;color:#0b7e6c}
.aw-app .aes-unit{font-size:20px;color:#6b8177;overflow-wrap:anywhere}
.aw-app .aes-work-actions{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;max-width:100%}
.aw-app .aes-compare-button{font-size:15px;padding:9px 12px}
.aw-app .aes-link-button{background:transparent;border-color:transparent;font-size:14px;color:#567b6f;padding:8px}
.aw-app .aes-link-button:hover{background:#f0f7f2;border-color:transparent}
.aw-app .aes-comparison{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px;width:100%;min-width:0;max-width:100%;padding:10px 12px;border-top:1px solid #e3ebe5}
.aw-app .aes-exact-label{font-size:16px;color:#73877c}
.aw-app .aes-exact-value{font-size:clamp(25px,3.8cqi,39px);font-variant-numeric:tabular-nums;color:#28594e;overflow-wrap:anywhere;max-width:100%}
.aw-app .aes-hint{margin:0;max-width:650px;text-align:center;font-size:16px;line-height:1.35;color:#6a7f74}
.aw-app .aes-status{margin:0;min-height:32px;padding:4px 14px 9px;text-align:center;font-size:16px;line-height:1.25;flex:none;color:#73867b;overflow-wrap:anywhere}
.aw-app .aes-status:empty{min-height:12px;padding:0 14px 8px}
.aw-app .aes-status[data-result=correct]{color:#16806b}
.aw-app .aes-status[data-result=incorrect]{color:#a35440}
.aw-app .aes-pad{display:flex;flex-direction:column;gap:6px;min-width:0;width:202px;padding:10px;align-self:center;background:#f7fbf8;border:1px solid #c9dfd4;border-radius:17px;color:#28564d;flex:none}
.aw-app .aes-pad-title{font-size:14px;line-height:1.25;min-height:36px;display:flex;align-items:center;color:#5b7a6d}
.aw-app .aes-pad-output{display:block;padding:6px 8px;min-height:46px;font-size:29px;line-height:1.2;text-align:right;overflow-wrap:anywhere;background:#fff;border:1px solid #dfebe3;border-radius:10px;font-variant-numeric:tabular-nums}
.aw-app .aes-pad-output.has-long-value{font-size:21px}
.aw-app .aes-pad-keys{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
.aw-app .aes-pad-key{min-width:44px;min-height:47px;padding:6px 4px;font-size:25px;border-radius:10px}
.aw-app .aes-pad-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
.aw-app .aes-pad-nav .aes-pad-key{font-size:22px;min-height:44px}
.aw-app .aes-pad-nav [data-est-key=next]{background:#e8f4ed;border-color:#9fc8b7;color:#0c7d68}
.aw-app :is(.aes-menu,.aes-bank,.aes-custom){position:absolute;z-index:12;right:8px;top:65px;display:flex;flex-direction:column;gap:13px;width:min(420px,calc(100% - 16px));max-height:calc(100% - 76px);overflow:auto;padding:16px;border:1px solid #c9dfd3;border-radius:17px;background:#fff;box-shadow:0 12px 38px #254e3b1c;overscroll-behavior:contain;color:#28564d}
.aw-app :is(.aes-menu,.aes-bank,.aes-custom)>header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none}
.aw-app :is(.aes-menu,.aes-bank,.aes-custom)>header>strong{font-size:20px}
.aw-app .aes-bank{width:min(570px,calc(100% - 16px))}
.aw-app .aes-custom{width:min(560px,calc(100% - 16px))}
.aw-app .aes-menu-section{display:flex;flex-direction:column;gap:8px;padding-block:8px;border-top:1px solid #e7eee8}
.aw-app .aes-menu-section h3{margin:0 0 3px;font-size:13px;text-transform:uppercase;letter-spacing:.07em;color:#6a8b7c}
.aw-app .aes-strategy{margin:0;font-size:16px;color:#4c7564}
.aw-app .aes-menu-label{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:15px}
.aw-app .aes-select,.aw-app .aes-input{min-height:44px;min-width:0;max-width:100%;padding:9px 10px;border:1px solid #c7dbcf;border-radius:10px;background:#fff;color:#28564d;font-family:inherit;font-size:16px;line-height:1.3}
.aw-app .aes-custom-form{display:flex;flex-direction:column;gap:13px;min-width:0}
.aw-app .aes-custom-form label{display:flex;flex-direction:column;gap:5px;min-width:0;font-size:14px;color:#627f70}
.aw-app .aes-kept-label{display:flex;align-items:center;min-height:44px;padding:9px 10px;border:1px solid #dce8df;border-radius:10px;background:#f6faf7;color:#57766b;font-size:16px}
.aw-app .aes-custom-operation{display:grid;grid-template-columns:minmax(0,1fr) minmax(90px,.8fr) minmax(0,1fr);gap:8px;min-width:0}
.aw-app .aes-custom-precision{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.aw-app .aes-custom-form textarea{min-height:75px;resize:vertical}
.aw-app .aes-form-error{margin:0;font-size:15px;line-height:1.35;color:#a44f3b}
.aw-app .aes-form-error:empty{display:none}
.aw-app .aes-bank-contents{min-width:0}
.aw-app .aes-bank .apb-play{display:flex;justify-content:space-between;gap:8px}
.aw-app .aes-bank .apb-card .apb-pick>strong{font-variant-numeric:tabular-nums}

/* The bank is its own selection screen. Keeping the work mounted underneath
 * makes opening and closing it preserve the pupil's current field and work. */
.aw-app .aes-module[data-bank-open=true]>:is(.aes-top,.aes-body,.aes-status){visibility:hidden;pointer-events:none}
.aw-app .aes-bank.aes-bank-workspace{position:absolute;inset:0;z-index:12;display:flex;flex-direction:column;gap:0;width:100%;max-width:none;height:100%;max-height:none;padding:0;overflow:hidden;border:0;border-radius:0;background:#f8fbf9;box-shadow:none;color:#28564d}
.aw-app .aes-bank-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 22px;min-height:64px;flex:none;background:#fff;border-bottom:1px solid #dfebe3}
.aw-app .aes-bank-header>.aes-bank-heading{font-size:24px;line-height:1.2;overflow-wrap:anywhere}
.aw-app .aes-bank-back{gap:8px;flex:none;min-height:44px;padding:8px 14px;color:#427060;background:#f3f8f5}
.aw-app .aes-bank-back>span{font-size:22px}
.aw-app .aes-bank-contents{display:flex;flex-direction:column;gap:13px;min-height:0;min-width:0;padding:17px 22px 12px;flex:1;overflow:hidden}
.aw-app .aes-bank-filters{display:grid;grid-template-columns:minmax(210px,1.25fr) minmax(235px,1.35fr) minmax(188px,.9fr) minmax(205px,1.1fr);align-items:start;gap:16px;flex:none;min-width:0}
.aw-app .aes-bank-filter{display:flex;flex-direction:column;gap:6px;min-width:0}
.aw-app .aes-bank-filter-label{font-size:12px;line-height:1.2;text-transform:uppercase;letter-spacing:.055em;font-weight:700;color:#739080}
.aw-app .aes-bank-filter-buttons{display:flex;align-items:center;gap:5px;min-width:0;flex-wrap:nowrap}
.aw-app .aes-bank-filter-choice{font-size:14px;padding:8px 10px;white-space:nowrap;min-width:44px;flex:1;border-radius:12px;border-color:#d0e1d5;background:#fff;color:#416b5b;line-height:1.2}
.aw-app .aes-bank-filter-choice[aria-pressed=true]{background:#e5f4ea;border-color:#469c7b;color:#14785d;box-shadow:inset 0 0 0 1px #469c7b}
.aw-app .aes-bank-filter[data-est-filter=sign] .aes-bank-filter-choice{font-size:25px;padding:5px}
.aw-app .aes-bank-filter-select{display:none}
.aw-app .aes-bank-tools{display:flex;align-items:center;gap:14px;min-width:0;flex:none}
.aw-app .aes-bank-search{width:100%;flex:1;min-width:0;min-height:44px;padding:10px 14px;background:#fff;border-color:#c8ddcf;font-size:16px}
.aw-app .aes-bank-count{display:flex;justify-content:center;align-items:center;flex:none;min-height:44px;padding:7px 14px;border-radius:12px;background:#e7f4eb;color:#247d5c;font-size:19px;line-height:1.2;font-variant-numeric:tabular-nums;white-space:nowrap}
.aw-app .aes-bank-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:max-content;align-items:start;align-content:start;gap:12px;min-width:0;min-height:72px;flex:1;overflow:auto;overscroll-behavior:contain;scroll-padding:5px;scrollbar-gutter:stable;padding:2px 5px 3px 1px}
.aw-app .aes-bank-card{display:flex;flex-direction:column;min-width:0;border:1px solid #d7e6db;border-radius:16px;background:#fff;box-shadow:0 3px 0 #e6eee7;overflow:hidden}
.aw-app .aes-bank-pick{display:flex;align-items:center;justify-content:flex-start;gap:14px;width:100%;min-height:108px;padding:17px 15px;border:0;border-radius:15px;text-align:left;background:#fff;min-width:0}
.aw-app .aes-bank-pick:hover{background:#edf8f1;border-color:transparent}
.aw-app .aes-bank-card-symbol{display:flex;align-items:center;justify-content:center;width:47px;min-height:48px;flex:none;font-size:36px;line-height:1}
.aw-app .aes-bank-card-copy{display:flex;flex-direction:column;gap:7px;min-width:0;flex:1}
.aw-app .aes-bank-card-expression{font-size:clamp(24px,2.4cqi,36px);line-height:1.15;font-weight:750;font-variant-numeric:tabular-nums;color:#285e4d;overflow-wrap:anywhere}
.aw-app .aes-bank-card-title{font-size:14px;font-weight:500;line-height:1.25;color:#739080;overflow-wrap:anywhere}
.aw-app .aes-bank-remove{align-self:flex-end;min-height:44px;padding:7px 10px;margin:0 6px 5px;font-size:13px;border-color:transparent;background:transparent;color:#a66a52}
.aw-app .aes-bank-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;grid-column:1/-1;padding:25px 15px;min-height:170px;color:#698775;font-size:18px;text-align:center}
.aw-app .aes-bank-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:70px;padding:11px 22px;flex:none;background:#fff;border-top:1px solid #e0ebe3}
.aw-app .aes-bank-pagination,.aw-app .aes-bank-start{display:flex;align-items:center;gap:9px;min-width:0}
.aw-app .aes-bank-page-button{flex:none;width:44px;padding:7px;font-size:24px}
.aw-app .aes-bank-page{font-size:15px;line-height:1.2;font-variant-numeric:tabular-nums;color:#64836f;min-width:106px;text-align:center}
.aw-app .aes-bank-start>.aes-button{font-size:15px}
@container aes (max-width:1140px){
 .aw-app .aes-bank-header{padding:10px 16px;min-height:58px}
 .aw-app .aes-bank-header>.aes-bank-heading{font-size:22px}
 .aw-app .aes-bank-contents{padding:12px 16px 10px;gap:10px}
 .aw-app .aes-bank-filters{grid-template-columns:minmax(185px,1.15fr) minmax(210px,1.25fr) minmax(181px,1fr) minmax(185px,1.1fr);gap:10px}
 .aw-app .aes-bank-filter-choice{font-size:13px;padding:7px 8px}
 .aw-app .aes-bank-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .aw-app .aes-bank-pick{min-height:98px;padding:13px 12px;gap:10px}
 .aw-app .aes-bank-card-symbol{width:40px;font-size:31px}
 .aw-app .aes-bank-card-expression{font-size:26px}
 .aw-app .aes-bank-footer{padding:9px 16px;min-height:64px}
}
@container aes (max-width:1000px){
 .aw-app .aes-bank-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px}
 .aw-app .aes-bank-filter-label{font-size:11px}
 .aw-app .aes-bank-filter-choice{min-height:44px}
 .aw-app .aes-bank-filter-select{display:block;width:100%;min-height:44px;font-size:15px;padding:8px 10px}
 .aw-app .aes-bank-filter-buttons{display:none}
 .aw-app .aes-bank-card-expression{font-size:24px}
 .aw-app .aes-bank-card-title{font-size:13px}
 .aw-app .aes-bank-tools{gap:8px}
 .aw-app .aes-bank-count{font-size:17px;padding:7px 10px}
}
@container aes (max-width:520px){
 .aw-app .aes-bank-header{padding:9px 10px;gap:8px;min-height:59px}
 .aw-app .aes-bank-header>.aes-bank-heading{font-size:19px}
 .aw-app .aes-bank-back{font-size:13px;padding:7px 9px;gap:3px}
 .aw-app .aes-bank-contents{padding:10px 10px 8px;gap:9px}
 .aw-app .aes-bank-filters{gap:8px}
 .aw-app .aes-bank-filter{gap:4px}
 .aw-app .aes-bank-filter-select{font-size:14px;padding:8px}
 .aw-app .aes-bank-tools{flex-wrap:wrap;gap:7px}
 .aw-app .aes-bank-search{flex-basis:100%;font-size:16px;padding:8px 10px}
 .aw-app .aes-bank-count{min-height:26px;padding:2px 9px;border-radius:7px;font-size:15px}
 .aw-app .aes-bank-list{grid-template-columns:1fr;gap:8px;min-height:70px;padding-right:3px}
 .aw-app .aes-bank-pick{min-height:92px;padding:12px 10px;gap:8px}
 .aw-app .aes-bank-card-symbol{width:33px;font-size:27px;min-height:40px}
 .aw-app .aes-bank-card-expression{font-size:25px}
 .aw-app .aes-bank-card-title{font-size:13px}
 .aw-app .aes-bank-footer{flex-direction:column;gap:7px;padding:8px 10px;min-height:108px}
 .aw-app .aes-bank-pagination,.aw-app .aes-bank-start{width:100%;justify-content:center;gap:6px}
 .aw-app .aes-bank-start>.aes-button{font-size:14px;flex:1;padding:8px}
 .aw-app .aes-bank-page{font-size:14px;min-width:102px}
}
.aw-app .aes-story{display:flex;align-items:center;justify-content:center;gap:15px;width:100%;max-width:760px;min-width:0}
.aw-app .aes-life-symbol{display:flex;align-items:center;justify-content:center;flex:none;width:70px;height:70px;font-size:51px;line-height:1}
.aw-app .aes-story-copy{display:flex;flex-direction:column;gap:4px;min-width:0}
.aw-app .aes-story-copy>strong{font-size:21px;color:#2a695b}
.aw-app .aes-story-copy>p{margin:0;font-size:clamp(18px,2.3cqi,25px);line-height:1.3;color:#4f7163;overflow-wrap:anywhere}
.aw-app .aes-sense{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;width:min(100%,860px);min-width:0}
.aw-app .aes-sense-expression{font-size:clamp(36px,6.8cqi,90px);line-height:1.15;font-variant-numeric:tabular-nums;text-align:center;overflow-wrap:anywhere;max-width:100%;font-weight:750;color:#2b5d50}
.aw-app .aes-sense-prompt{margin:0;font-size:clamp(19px,2.4cqi,27px);line-height:1.3;color:#5d7b6c;text-align:center}
.aw-app .aes-sense-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;max-width:100%;width:100%}
.aw-app .aes-sense-choice{min-height:94px;font-size:clamp(25px,4.2cqi,53px);line-height:1.15;padding:12px 10px;font-weight:750;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;color:#1e7561;border:2px solid #bdd8c9;border-radius:15px}
.aw-app .aes-sense-choice[data-result=correct]{background:#eaf7ec;color:#237c4b;border-color:#6da880}
.aw-app .aes-sense-choice[data-result=incorrect]{background:#fff1eb;color:#a54b39;border-color:#d58c7a}
@container aes (max-width:1000px){
 .aw-app .aes-body{grid-template-columns:minmax(0,1fr) 176px;gap:20px;padding:12px 16px 5px}
 .aw-app .aes-pad{width:176px;padding:8px;gap:5px}
 .aw-app .aes-pad-title{min-height:31px;font-size:13px}
 .aw-app .aes-pad-output{font-size:26px;min-height:43px}
 .aw-app .aes-pad-key{min-height:44px;font-size:23px}
 .aw-app .aes-work{gap:12px}
 .aw-app .aes-equation{gap:16px}
 .aw-app .aes-operand,.aw-app .aes-signs{grid-template-rows:68px 28px minmax(62px,auto) auto;gap:5px}
 .aw-app .aes-signs{grid-template-rows:68px 28px minmax(62px,auto)}
 .aw-app .aes-number{min-height:67px}
 .aw-app .aes-place-label{font-size:14px}
 .aw-app .aes-estimate-row>.aes-number{min-height:74px;flex-basis:260px}
 .aw-app .aes-life-symbol{width:55px;height:55px;font-size:43px}
 .aw-app .aes-story-copy>strong{font-size:19px}
 .aw-app .aes-story-copy>p{font-size:20px}
 .aw-app .aes-work-actions{gap:6px}
 .aw-app .aes-compare-button{font-size:14px}
}
@container aes (max-width:520px){
 .aw-app .aes-top{gap:6px;padding:6px 8px}
 .aw-app .aes-modes,.aw-app .aes-actions{gap:4px}
 .aw-app .aes-modes{padding:2px}
 .aw-app .aes-modes .aes-button{padding:8px 10px;font-size:14px}
 .aw-app .aes-actions>.aes-button{font-size:14px;padding:8px 10px}
 .aw-app .aes-body{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:10px 10px 5px}
 .aw-app .aes-work{flex:0 1 auto;gap:9px}
 .aw-app .aes-equation{gap:11px;max-width:540px}
 .aw-app .aes-operand,.aw-app .aes-signs{grid-template-rows:54px 22px minmax(50px,auto) auto;gap:4px}
 .aw-app .aes-signs{grid-template-rows:54px 22px minmax(50px,auto)}
 .aw-app .aes-original{font-size:clamp(31px,7cqi,49px)}
 .aw-app .aes-original.has-long-value{font-size:clamp(22px,4.7cqi,31px)}
 .aw-app .aes-symbol{font-size:30px}
 .aw-app .aes-arrow{font-size:24px}
 .aw-app .aes-number{min-height:56px;padding:6px;font-size:clamp(28px,6cqi,42px);border-radius:12px}
 .aw-app .aes-number.has-long-value{font-size:clamp(21px,4.4cqi,31px)}
 .aw-app .aes-estimate-row>.aes-number{min-height:60px;flex-basis:230px}
 .aw-app .aes-estimate-row{gap:9px}
 .aw-app .aes-approx-symbol{font-size:32px}
 .aw-app .aes-result-label,.aw-app .aes-place-label{font-size:13px}
 .aw-app .aes-pad{display:grid;grid-template-columns:1fr;gap:4px;width:min(100%,410px);padding:7px;flex:none}
 .aw-app .aes-pad-title{min-height:0;font-size:12px}
 .aw-app .aes-pad-output{display:none}
 .aw-app .aes-pad-keys{grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}
 .aw-app .aes-pad-nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
 .aw-app .aes-pad-key{min-height:44px;min-width:0;font-size:22px;padding:5px}
 .aw-app .aes-pad-nav .aes-pad-key{min-height:44px;padding:5px}
 .aw-app .aes-work-actions{gap:4px}
 .aw-app .aes-compare-button{min-height:44px;font-size:13px;padding:6px 8px}
 .aw-app .aes-link-button{font-size:12px;min-height:44px;padding:6px}
 .aw-app .aes-comparison{padding:5px;gap:7px}
 .aw-app .aes-exact-label{font-size:13px}
 .aw-app .aes-exact-value{font-size:25px}
 .aw-app .aes-unit{font-size:16px}
 .aw-app .aes-life-symbol{width:41px;height:41px;font-size:33px}
 .aw-app .aes-story{gap:9px}
 .aw-app .aes-story-copy>strong{font-size:17px}
 .aw-app .aes-story-copy>p{font-size:17px;line-height:1.2}
 .aw-app .aes-status{font-size:14px;min-height:25px;padding:3px 8px 5px}
 .aw-app .aes-hint{font-size:14px}
 .aw-app .aes-custom-operation{grid-template-columns:1fr 1fr}
 .aw-app .aes-custom-operation>label:nth-child(2){order:3;grid-column:1/-1}
 .aw-app .aes-custom-precision{grid-template-columns:1fr}
}
@media(max-height:780px){
 .aw-app .aes-body{padding-block:7px;gap:20px}
 .aw-app .aes-work{gap:6px}
 .aw-app .aes-equation{gap:8px}
 .aw-app .aes-operand,.aw-app .aes-signs{grid-template-rows:64px 24px minmax(60px,auto) auto;gap:4px}
 .aw-app .aes-signs{grid-template-rows:64px 24px minmax(60px,auto)}
 .aw-app .aes-original{font-size:clamp(32px,5.4cqi,57px)}
 .aw-app .aes-number{min-height:63px;font-size:clamp(30px,4.9cqi,55px)}
 .aw-app .aes-estimate-row>.aes-number{min-height:67px}
 .aw-app .aes-discover-estimate{font-size:19px}
 .aw-app .aes-discover-estimate.is-revealed{font-size:clamp(33px,5cqi,55px)}
 .aw-app .aes-story-copy>p{font-size:19px}
 .aw-app .aes-life-symbol{font-size:39px;width:48px;height:48px}
 .aw-app .aes-work-actions{gap:5px}
}
@media print{.aw-app .aes-pad,.aw-app .aes-top,.aw-app .aes-work-actions{display:none!important}}

/* A compact classroom window still shows the given numbers. The keypad keeps
 * 44px targets by using five columns instead of squeezing six into a phone. */
@container aes (max-width:520px){
 .aw-app .aes-body{gap:8px;padding:5px 8px;justify-content:center}
 .aw-app .aes-work{gap:7px;flex:none;max-height:none}
 .aw-app .aes-equation{gap:7px}
 .aw-app .aes-operands{grid-template-columns:minmax(0,1fr) 27px minmax(0,1fr);gap:5px}
 .aw-app .aes-operand{grid-template-rows:35px 17px 44px auto;gap:2px}
 .aw-app .aes-signs{grid-template-rows:35px 17px 44px;gap:2px}
 .aw-app .aes-original{font-size:30px;line-height:1.05}
 .aw-app .aes-original.has-long-value{font-size:21px}
 .aw-app .aes-symbol{font-size:26px}
 .aw-app .aes-arrow{font-size:20px}
 .aw-app .aes-number{min-height:44px;padding:3px 5px;font-size:30px;line-height:1.1}
 .aw-app .aes-number.has-long-value,.aw-app .aes-number.has-very-long-value{font-size:20px}
 .aw-app .aes-place-label{font-size:12px;min-height:16px;line-height:1.2}
 .aw-app .aes-result-label{display:none}
 .aw-app .aes-estimate-row{flex-wrap:nowrap;gap:5px;width:100%;min-height:47px}
 .aw-app .aes-estimate-row>.aes-number{flex:1 1 160px;min-width:70px;max-width:220px;min-height:47px}
 .aw-app .aes-estimate-row .aes-unit{flex:none;font-size:14px;max-width:65px}
 .aw-app .aes-approx-symbol{font-size:27px}
 .aw-app .aes-discover-estimate{font-size:17px!important;min-width:150px!important;min-height:50px!important}
 .aw-app .aes-discover-estimate.is-revealed{font-size:34px!important}
 .aw-app .aes-work-actions{flex-wrap:nowrap;gap:4px;width:100%}
 .aw-app .aes-label-long{display:none}
 .aw-app .aes-label-short{display:inline}
 .aw-app .aes-compare-button{min-width:0;flex:1;padding:5px;font-size:13px;white-space:nowrap}
 .aw-app .aes-link-button{min-width:0;flex:1;padding:5px;font-size:13px;white-space:nowrap}
 .aw-app .aes-comparison{min-height:29px;padding:3px;gap:5px}
 .aw-app .aes-exact-label{font-size:12px}
 .aw-app .aes-exact-value{font-size:22px}
 .aw-app .aes-comparison>.aes-unit{font-size:13px}
 .aw-app .aes-pad{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding:6px;width:min(100%,360px);flex:none}
 .aw-app .aes-pad-title,.aw-app .aes-pad-output{display:none}
 .aw-app .aes-pad-keys,.aw-app .aes-pad-nav{display:contents}
 .aw-app .aes-pad-key{min-width:44px;min-height:44px;padding:5px;font-size:22px}
 .aw-app .aes-pad [data-est-key="7"]{order:1}.aw-app .aes-pad [data-est-key="8"]{order:2}.aw-app .aes-pad [data-est-key="9"]{order:3}.aw-app .aes-pad [data-est-key=clear]{order:4}.aw-app .aes-pad [data-est-key=backspace]{order:5}
 .aw-app .aes-pad [data-est-key="4"]{order:6}.aw-app .aes-pad [data-est-key="5"]{order:7}.aw-app .aes-pad [data-est-key="6"]{order:8}.aw-app .aes-pad [data-est-key=previous]{order:9}.aw-app .aes-pad [data-est-key=next]{order:10}
 .aw-app .aes-pad [data-est-key="1"]{order:11}.aw-app .aes-pad [data-est-key="2"]{order:12}.aw-app .aes-pad [data-est-key="3"]{order:13}.aw-app .aes-pad [data-est-key="0"]{order:14}.aw-app .aes-pad [data-est-key=comma]{order:15}
 .aw-app .aes-story{gap:6px}
 .aw-app .aes-life-symbol{font-size:29px;width:32px;height:35px}
 .aw-app .aes-story-copy>strong{display:none}
 .aw-app .aes-story-copy>p{font-size:14px;line-height:1.2}
 .aw-app .aes-hint{font-size:13px;line-height:1.2}
 .aw-app .aes-sense{gap:15px}
 .aw-app .aes-sense-expression{font-size:34px}
 .aw-app .aes-sense-prompt{font-size:18px}
 .aw-app .aes-sense-choices{gap:7px;grid-template-columns:1fr}
 .aw-app .aes-sense-choice{min-height:62px;font-size:31px;padding:7px}
}