/* A readable condition diagram and a distinct, reachable answer form. */
.usability-round #utRoute{font-size:13px;line-height:1.45;color:#536e70;margin:5px 2px}.usability-round #utRestart{font-size:12px;line-height:1.3;min-height:32px;padding:5px}.ut-card-progress{display:block;font-size:12px;line-height:1.35;color:#617d75;margin-top:7px}.usability-round .lesson-card{min-height:104px}.usability-round #modelControls:empty{display:none!important}.ut-practice .board{display:grid!important;grid-template-columns:minmax(0,1fr) 245px;grid-template-rows:auto minmax(0,1fr) auto auto;gap:0;overflow:hidden}.ut-practice .board-head{grid-column:1/-1;grid-row:1}.ut-practice #scene{grid-column:1;grid-row:2;min-width:0;min-height:0;overflow:auto;align-self:stretch;display:flex}.ut-practice #explanation{grid-column:1;grid-row:3;max-height:155px;overflow:auto}.ut-practice #exercise{grid-column:2;grid-row:2/4;display:flex!important;flex-direction:column;align-items:stretch;justify-content:flex-start;overflow:auto;min-height:0;padding:12px!important;border-left:1px solid #dce5e2;background:#f7faf8}.ut-practice .transport{grid-column:1/-1;grid-row:4}.ut-practice #modelControls{display:none!important}.ut-practice .answer-field{display:flex;flex-direction:column;align-items:stretch;gap:5px;line-height:1.3;flex:none;margin-bottom:9px}.ut-practice .answer-input{display:flex;min-width:0}.ut-practice .answer-field input,.ut-practice .answer-field select{width:100%;min-width:0;flex:1;font-size:16px;min-height:39px}.ut-practice .answer-unit{flex:none}.ut-answer-actions{display:flex;flex-wrap:wrap;gap:6px;flex:none;margin-top:auto;padding-top:8px;position:sticky;bottom:-12px;background:#f7faf8;border-top:1px solid #dce5e2}.ut-answer-actions #checkPractice,.ut-answer-actions #nextLesson{flex:1 1 100%;min-height:40px}.ut-answer-actions #practiceHint,.ut-answer-actions #practiceSolution{flex:1 1 45%;min-width:0;white-space:normal}.ut-practice #utCompletion{font-size:13px;line-height:1.4;color:#385e52;margin:0 0 6px}.ut-practice .lesson-sidebar{overflow:auto}.ut-practice #steps{display:none!important}.ut-practice #utRestart{display:none!important}#utPracticeTools{display:flex;flex-wrap:wrap;gap:5px;flex:none;padding:4px 2px 7px}#utPracticeTools button{font-size:14px;min-height:34px;padding:5px 9px}.ut-practice #scene .pw-tool{width:100%;height:100%;min-height:0;overflow:auto;display:flex;flex-direction:column;justify-content:flex-start}.ut-practice .pw-canvas{flex:1;min-height:135px}.ut-practice .pw-note{flex:none}.usability-round button:active{transform:none}
@container mathapp (max-height:520px){.ut-card-progress{font-size:10px;margin-top:4px}.usability-round .lesson-card{min-height:84px}.usability-round #utRoute{font-size:11px;line-height:1.3;margin:3px 1px}.ut-practice .board{grid-template-columns:minmax(0,1fr) 166px;grid-template-rows:auto minmax(0,1fr) auto auto}.ut-practice .lesson-sidebar{width:60px!important;gap:3px}.ut-practice .simple-mode-nav{display:flex;flex-direction:column;gap:3px}.ut-practice .simple-mode-nav button{min-height:30px;padding:4px}.ut-practice #exercise{padding:6px!important;gap:4px}.ut-practice .answer-field{font-size:12px;margin-bottom:4px;gap:2px}.ut-practice .answer-field input,.ut-practice .answer-field select{min-height:31px;font-size:14px;padding:5px}.ut-practice .answer-label{font-size:12px;line-height:1.25}.ut-answer-actions{bottom:-6px;gap:4px;padding-top:5px}.ut-answer-actions #checkPractice,.ut-answer-actions #nextLesson{min-height:32px}.ut-answer-actions button{font-size:12px!important;line-height:1.25;min-height:29px;padding:4px!important}.ut-practice #explanation{max-height:74px}.ut-practice #utCompletion{font-size:12px}.ut-practice #scene .pw-canvas{min-height:105px}.ut-practice #scene .pw-controls{flex-wrap:wrap}.ut-practice #scene .pw-controls button,#utPracticeTools button{min-height:30px;font-size:12px;padding:4px 6px}.usability-round .simple-scroll-hint{display:none}.ut-practice .transport #next{min-width:0}.ut-practice .transport{gap:3px}.ut-practice #stepBadge{font-size:10px}.ut-practice #stepBadge>[data-ll]{margin-left:3px}}
@container mathapp (min-height:521px) and (max-width:1400px){.usability-round .lesson-sidebar{width:156px}.usability-round .heading h1{font-size:20px}.usability-round .heading p{font-size:17px;line-height:1.45}.usability-round .classroom-header{padding:12px 15px;gap:10px}.usability-round .classroom-main{padding:12px;gap:12px}.usability-round .board-head h2{font-size:19px}.usability-round .board-head button{font-size:14px}.usability-round #explanation{font-size:17px;line-height:1.5}.usability-round .transport button{font-size:16px;min-height:43px}.usability-round #modelControls button{font-size:16px;min-height:42px}.ut-practice .board{grid-template-columns:minmax(0,1fr) 240px}.ut-practice .answer-field{font-size:16px}.ut-practice .answer-field input,.ut-practice .answer-field select{font-size:17px;min-height:42px}.ut-practice #scene{padding:8px 10px}.ut-practice .solution{font-size:17px}.ut-card-progress{font-size:13px}}
@container mathapp (max-height:340px){.usability-round .heading h1{font-size:14px}.usability-round .heading p{font-size:12px}.usability-round .classroom-header{padding:3px 8px}.usability-round .board-head{padding:4px 7px}.usability-round #explanation{font-size:12px;max-height:56px}.ut-practice .board{grid-template-columns:minmax(0,1fr) 160px}.ut-practice #scene .pw-canvas{min-height:100px}.ut-practice #utRoute{display:none}}
.ut-equation-scene{display:flex;align-items:center;justify-content:center}.ut-equations{width:100%;padding:12px 20px}.ut-equations p{font-size:27px;line-height:1.5;margin:9px 0;text-align:center}.ut-equation-result{color:#276e61;font-weight:600}.ut-pair-groups{display:flex;width:100%;align-items:center;gap:14px}.ut-pair-groups section{flex:1;min-width:0;text-align:center;font-size:17px}.ut-pair-groups svg{display:block;width:100%;max-height:230px}.ut-main-formula{text-align:center;font-size:20px;line-height:1.4;margin:7px 0}.ut-live-route{width:100%;padding:10px 24px}.ut-live-status{font-size:18px;text-align:center}.ut-live-track{position:relative;height:115px;margin:15px 12px 8px;border-top:1px solid #c3d4cd;top:15px}.ut-start,.ut-origin-b{position:absolute;top:-29px;transform:translateX(-50%);font-size:17px}.ut-lived{position:absolute;display:block;height:7px;background:#83b2a6;top:22px}.ut-lived-b{background:#d7bb72;top:70px}.ut-car-a,.ut-car-b{position:absolute;transform:translateX(-50%);padding:3px 7px;background:#eef6f2;border:1px solid #9bbbad;border-radius:4px;font-size:17px;top:5px}.ut-car-b{top:54px;background:#fff3d4}.ut-live-numbers{display:flex;justify-content:center;gap:28px;font-size:17px}.ut-live-note{text-align:center;font-size:14px;line-height:1.4;margin:7px 0}
@container mathapp (max-height:520px){.ut-equations{padding:4px 8px}.ut-equations p{font-size:19px;line-height:1.4;margin:6px 0}.ut-pair-groups{gap:10px}.ut-pair-groups section{font-size:13px}.ut-pair-groups svg{max-height:110px}.ut-main-formula{font-size:14px;margin:3px 0}.ut-live-route{padding:3px 15px}.ut-live-status{font-size:13px}.ut-live-track{height:81px;margin:14px 8px 2px;top:10px}.ut-start,.ut-origin-b{font-size:13px;top:-23px}.ut-lived{top:18px;height:5px}.ut-lived-b{top:54px}.ut-car-a,.ut-car-b{font-size:13px;padding:2px 5px;top:4px}.ut-car-b{top:40px}.ut-live-numbers{gap:18px;font-size:13px}.ut-live-note{font-size:12px;margin:4px 0}}

.ut-pair-result{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center}.ut-pair-result .ut-pair-groups{flex:1;min-height:0}
.ut-share-diagram{width:100%;padding:12px;display:flex;flex-direction:column;justify-content:center;gap:17px}.ut-diagram-note,.ut-diagram-total{text-align:center;font-size:15px;margin:0;line-height:1.4}.ut-share-row{display:flex;align-items:center;gap:7px;padding-left:55px;position:relative;min-height:32px}.ut-share-row>b{position:absolute;left:0;font-weight:400;font-size:15px}.ut-share-run{display:flex;height:32px;position:relative;flex:none}.ut-share-run>span{border:1px solid #9ebcaf;background:#edf5ef;flex:1}.ut-share-run small{position:absolute;top:100%;left:0;font-size:13px;line-height:1.3}.ut-share-extra{background:#fff0c7;border:1px dashed #c5a356;padding:5px 6px;font-size:14px;white-space:nowrap}.ut-balance-p{display:flex;align-items:center;justify-content:center;gap:22px;width:100%;font-size:22px}.ut-balance-p>div{display:flex;gap:10px;align-items:center;padding:18px;background:#f0f6f3;border:1px solid #c0d3c9;border-radius:6px}.ut-apple{display:block;width:44px;height:44px;position:relative}.ut-apple>svg{width:44px;height:44px}.ut-solution{display:grid;grid-template-rows:minmax(125px,1fr) auto;gap:12px;width:100%;height:100%;min-height:0;overflow:auto}.ut-solution-figure{min-height:0;position:relative;overflow:auto;display:flex;align-items:center}.ut-solution-figure>svg{width:100%;height:100%;min-height:125px}.ut-solution-figure>.sc-board{min-height:150px}.ut-solution-current{padding:10px 12px;background:#f2f7f3;border:1px solid #d7e4db;border-radius:5px;font-size:17px;line-height:1.5}.ut-solution-current>b{font-size:14px;font-weight:500}.ut-solution-current p{margin:5px 0 9px}.ut-solution-current nav{display:flex;gap:8px;justify-content:flex-end}.ut-solution-current button{font-size:14px;min-height:34px;padding:5px 9px}.ut-solution-relation{width:100%;padding:10px;font-size:16px;line-height:1.5}.ut-solution-relation>p{text-align:center;margin:9px 0}.ut-solution-relation .ut-share-row{margin:15px 0 22px}.ut-solution-bar{display:flex;width:100%;height:42px;margin-top:9px;box-sizing:border-box}.ut-solution-bar>span{border:1px solid #a2beb0;background:#eaf4ee;display:flex;justify-content:center;align-items:center;font-size:16px;flex:1;min-width:0}.ut-gold{background:#fff0c9!important}.ut-solution-row{display:flex;align-items:center;gap:8px;margin:9px 0}.ut-solution-row>b{font-weight:400;min-width:28px}.ut-solution-row .ut-solution-bar{flex:none;margin-top:0}.ut-solution-relation:has(.ut-offset-bar){padding-right:40px}.ut-solution-relation:has(.ut-offset-bar) .ut-solution-row{position:relative;display:block;margin:10px 0;padding-left:28px}.ut-solution-relation:has(.ut-offset-bar) .ut-solution-row>b{position:absolute;left:0;top:7px}.ut-grass-scheme{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ut-grass-scheme>span{padding:16px 8px;border:1px solid #a9c4b5;background:#edf6f1;text-align:center}.ut-cross-explanation{display:grid;grid-template-columns:1fr 1fr 1.3fr;width:100%;gap:17px 9px;text-align:center;align-items:center;font-size:19px;padding:15px}.ut-cross-explanation small{display:block;font-size:14px;line-height:1.4;margin-top:4px}
@container mathapp (max-height:520px){.ut-share-diagram{padding:7px;gap:15px}.ut-diagram-note,.ut-diagram-total{font-size:12px}.ut-share-row{padding-left:43px;gap:4px;min-height:27px}.ut-share-row>b{font-size:12px}.ut-share-run{height:27px}.ut-share-run small{font-size:12px}.ut-share-extra{font-size:12px;padding:4px}.ut-balance-p{gap:12px;font-size:16px}.ut-balance-p>div{padding:10px;gap:7px}.ut-solution{grid-template-rows:minmax(90px,1fr) auto;gap:5px}.ut-solution-current{padding:5px 7px;font-size:13px}.ut-solution-current>b{font-size:12px}.ut-solution-current p{margin:3px 0 5px}.ut-solution-current button{font-size:12px;min-height:29px;padding:4px 7px}.ut-solution-figure>.sc-board{min-height:120px}.ut-solution-relation{padding:5px;font-size:13px}.ut-solution-bar{height:30px}.ut-solution-bar>span{font-size:12px}.ut-grass-scheme>span{padding:10px 6px}.ut-cross-explanation{font-size:14px;gap:10px 6px;padding:7px}.ut-cross-explanation small{font-size:12px}}
.ut-scale{width:100%;padding:12px 18px}.ut-scale-pans{display:grid;grid-template-columns:1fr 30px 1fr;align-items:end;gap:10px;min-height:90px}.ut-scale-pans>b{text-align:center;align-self:center;font-size:29px}.ut-scale-pan{display:flex;gap:6px;justify-content:center;align-items:end;border-bottom:3px solid #66978d;padding:9px 4px;min-height:82px}.ut-scale-pan svg{width:55px;height:55px;flex:none}.ut-weight{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#e4e9e7;border:1px solid #a5b4af;border-radius:4px 4px 2px 2px;min-width:32px;height:47px;font-size:18px;line-height:1.1}.ut-weight small{font-size:13px}.ut-weight-large{width:64px;height:58px}.ut-weight-away{opacity:.45;text-decoration:line-through;transform:translateY(-8px);border-style:dashed}.ut-scale-beam{height:15px;border-bottom:4px solid #7c9e93;margin:0 10%;position:relative}.ut-scale-beam:after{content:'';display:block;position:absolute;left:calc(50% - 12px);top:15px;border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:16px solid #d9be7f}.ut-scale .ut-main-formula{margin-top:25px}.ut-period{width:100%;text-align:center;font-size:17px;padding:12px}.ut-period-row{display:flex;gap:9px;justify-content:center}.ut-period-row>span{flex:0 1 56px;min-width:0;padding:5px 2px}.ut-period-row b{font-weight:400;font-size:27px}.ut-period-row small{display:block;font-size:14px;line-height:1.4;white-space:nowrap;margin-top:5px}.ut-period-focus{border:1px solid #c1a45e;background:#fff1c9;border-radius:5px}.ut-period p{font-size:16px;line-height:1.4}.usability-round .sc-pattern small{font-size:14px}
@container mathapp (max-height:520px){.ut-scale{padding:4px 8px}.ut-scale-pans{grid-template-columns:1fr 22px 1fr;gap:5px;min-height:62px}.ut-scale-pans>b{font-size:23px}.ut-scale-pan{min-height:62px;padding:5px 1px;gap:4px}.ut-scale-pan svg{width:42px;height:42px}.ut-weight{min-width:25px;height:37px;font-size:14px}.ut-weight small{font-size:12px}.ut-weight-large{width:43px;height:42px}.ut-scale-beam{height:7px}.ut-scale-beam:after{top:7px;border-bottom-width:12px}.ut-scale .ut-main-formula{margin-top:21px}.ut-period{padding:7px;font-size:13px}.ut-period-row{gap:5px}.ut-period-row b{font-size:23px}.ut-period-row small{font-size:13px}.ut-period p{font-size:13px}.usability-round .sc-pattern small{font-size:13px}}
/* Fields scroll independently; actions occupy their own fixed row, never a flex wrap column. */
.ut-practice #exercise{flex-wrap:nowrap!important;min-width:0;overflow:hidden!important;display:grid!important;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;align-content:stretch}.ut-answer-fields{overflow-y:auto;overflow-x:hidden;min-height:0;min-width:0;width:100%;padding-bottom:4px}.ut-answer-actions{position:static!important;bottom:auto!important;margin-top:0;min-width:0;width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:6px;flex:none}.ut-answer-actions>button{min-width:0!important;width:100%;max-width:100%;white-space:normal!important;box-sizing:border-box}.ut-answer-actions #checkPractice,.ut-answer-actions #nextLesson{grid-column:1/-1}.ut-fields-scroll{grid-column:1/-1;font-size:11px;line-height:1.25;color:#5c776d}.ut-fields-scroll:empty{display:none}.ut-practice #utCompletion{margin:5px 0}.ut-practice #exercise:has(.ll-choices),.ut-practice #exercise:has(.ll-actions){display:flex!important;overflow:auto!important;flex-wrap:nowrap!important}.ut-solution{display:grid;grid-template-rows:minmax(0,1fr) auto;overflow:hidden;gap:5px;height:100%;min-height:0}.ut-solution-figure{min-height:0;overflow:auto;align-items:stretch}.ut-solution-figure>*{flex:1;min-width:0}.ut-solution-nav{display:flex;align-items:center;gap:7px;padding:6px;border-top:1px solid #d3e1d8;background:#f4f8f5;flex:none;min-width:0}.ut-solution-nav>span{font-size:13px;line-height:1.25;margin-right:auto}.ut-solution-nav button{font-size:14px;min-height:34px;padding:5px 9px;white-space:nowrap}.ut-figure-scroll{display:block;font-size:12px;color:#5d766b}
@container mathapp (max-height:520px){.ut-answer-actions{gap:4px}.ut-solution-nav{gap:5px;padding:3px}.ut-solution-nav>span{font-size:12px}.ut-solution-nav button{font-size:12px;min-height:29px;padding:4px 7px}.ut-figure-scroll{font-size:11px}.ut-practice #exercise{grid-template-rows:minmax(0,1fr) auto}}
/* Overflow begins at the top of the condition, never in the middle of centered content. */
.ut-solution-figure{display:block}.ut-solution-figure>*{height:auto;min-height:min-content;width:100%;flex:none}.ut-solution-figure>.sc-board{height:auto;min-height:150px;justify-content:flex-start}.ut-solution-figure>.ut-share-diagram{height:auto;min-height:100%;justify-content:flex-start}.ut-solution-figure>svg{height:auto;min-height:130px;display:block}.ut-solution-figure .pw-tool{height:auto!important;min-height:160px!important}
@container mathapp (max-height:520px){.ut-practice #utCompletion{display:none!important}}
.ut-practice #exercise:has(.ll-choices),.ut-practice #exercise:has(.ll-actions){display:grid!important;overflow:hidden!important}.ut-answer-actions .ut-primary-action{grid-column:1/-1}.ut-answer-fields .ll-choices{display:grid;grid-template-columns:minmax(0,1fr);gap:6px}.ut-answer-fields .ll-choices button{min-width:0;max-width:100%;font-size:14px;line-height:1.4;padding:7px;white-space:normal}.ut-answer-actions>[data-ll="backLesson"]{grid-column:1/-1}
@container mathapp (max-height:520px){.ut-answer-fields .ll-choices button{font-size:12px;line-height:1.35;min-height:34px;padding:5px}.ut-answer-actions>[data-ll]{min-height:29px}.ut-answer-fields .ll-truth{font-size:12px}}
.usability-round.ut-practice #exercise{align-items:stretch!important;justify-items:stretch!important}.ut-practice #exercise>.ut-answer-fields{height:100%;max-height:100%;align-self:stretch;overflow-y:auto}.ut-answer-actions.ut-ll-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.ut-ll-actions .ut-primary-action{grid-column:1/-1}.ut-ll-actions>[data-ll="backLesson"]{grid-column:auto}.ut-ll-actions .ut-fields-scroll{grid-column:1/-1}

/* The apple is an inline object, not a full-scene SVG. Pan height shows imbalance. */
.usability-round #scene .ut-scale-pan svg{display:block;width:55px!important;height:55px!important;min-width:55px!important;max-width:55px!important;max-height:55px!important;flex:0 0 55px!important;aspect-ratio:1}
.ut-scale-left{transform:translateY(var(--ut-left-y,0px))}.ut-scale-right{transform:translateY(var(--ut-right-y,0px))}.ut-scale-beam{transform:rotate(var(--ut-tilt,0deg));transform-origin:50% 100%}
@container mathapp (max-height:520px){.usability-round #scene .ut-scale-pan svg{width:42px!important;height:42px!important;min-width:42px!important;max-width:42px!important;max-height:42px!important;flex-basis:42px!important}}