#stepBadge>[data-ll="entry"]{margin-left:10px;min-height:28px;padding:3px 11px;border:1px solid #d9cba7;border-radius:10px;background:#fff2c9;color:#675438;font-size:13px;box-shadow:none}body[data-learning-loop=true] #scene{overflow:auto}#scene .ll-figure{width:100%;height:100%;min-height:0;display:flex;align-items:center;justify-content:center}#scene .ll-figure>svg,#scene .ll-figure .pw-canvas>svg{width:100%;height:100%;max-height:100%}#scene .ll-figure .pw-tool{overflow:auto;justify-content:center}#scene .ll-figure .pw-canvas{height:100%;flex:1}body[data-learning-loop=true] #exercise{display:flex;flex-wrap:wrap;align-items:center;gap:7px}.ll-choices{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.ll-choices button{white-space:normal;text-align:left;line-height:1.35;min-height:43px;padding:7px 10px;font-size:14px;background:#fffaf0;color:#514d49;border:1px solid #d9cfb6;border-radius:10px;box-shadow:none}.ll-choices .ll-selected{background:#e2eddf;border:2px solid #688d74;padding:6px 9px}.ll-actions{display:flex;gap:6px;flex-wrap:wrap}.ll-results{max-width:650px;padding:14px;font-size:20px;line-height:1.6}.ll-choices button:focus-visible,[data-ll]:focus-visible{outline:3px solid #698f84;outline-offset:1px}.ll-truth select{max-width:210px}body[data-learning-loop=true] #stageTitle{line-height:1.35}body[data-learning-loop=true] #scene table{font-size:14px}body[data-learning-loop=true] #scene .pw-logic td{height:19px}body[data-learning-loop=true] #scene .pw-logic th{position:static}
@container mathapp (max-height:520px){#stepBadge>[data-ll="entry"]{font-size:11px;min-height:26px;margin-left:7px;padding:2px 8px}.ll-choices{gap:4px}.ll-choices button{font-size:11px;min-height:34px;padding:4px 6px}.ll-choices .ll-selected{padding:3px 5px}.ll-actions{gap:4px}body[data-learning-loop=true] #exercise{gap:4px}.ll-results{font-size:14px;line-height:1.5;padding:4px}body[data-learning-loop=true] #stageTitle{font-size:13px}body[data-learning-loop=true] #scene table{font-size:11px}.ll-truth select{max-width:158px}body[data-learning-loop=true] #scene .pw-logic{min-height:0}}
@container mathapp (max-height:520px){body[data-learning-loop=true] #exercise .ll-choices button{font-size:11px;line-height:1.25;min-height:34px;padding:4px 6px}body[data-learning-loop=true] #exercise .ll-choices .ll-selected{padding:3px 5px}body[data-learning-loop=true] #explanation{font-size:11px;line-height:1.35;min-height:23px;max-height:40px;overflow:auto;padding:3px 9px 3px 30px}body[data-learning-loop=true] #explanation:before{left:7px;top:3px}}
body[data-learning-loop=true] #scene:has(.ma45-board){align-items:flex-start}#scene .ll-figure:has(.ma45-board){display:block;height:auto;min-height:100%}#scene .ll-figure .ma45-board{padding:0}
body[data-learning-loop=true] #stageTitle:focus{outline:none}