/* Eighth classroom review: fractions, elapsed time and triangle area. */
.mv-experience .mathviz-triangle-area #ta-message-panel{min-height:3em;line-height:1.5;box-sizing:content-box}
.mv-experience .mathviz-triangle-area #ta-step-controls{justify-content:center;flex-wrap:wrap;padding:4px;flex-shrink:0}
.mv-experience :is(.mathviz-fraction-renderer .mathviz-controls,.mathviz-triangle-area) button{background:#064f9e!important;color:#fff!important;border:2px solid #07325f!important;opacity:1!important}
.mv-experience :is(.mathviz-fraction-renderer .mathviz-controls,.mathviz-triangle-area) button:is(.is-active,[aria-pressed=true]){background:#ffd526!important;color:#172c41!important;border-color:#795100!important}
.mv-experience :is(.mathviz-fraction-renderer .mathviz-controls,.mathviz-triangle-area) button:disabled{background:#d3d9df!important;color:#43505d!important;border:2px dashed #65717c!important;opacity:1!important;box-shadow:none!important}
.mv-experience :is(.mathviz-fraction-renderer,.mathviz-triangle-area,.mathviz-clock-renderer--elapsed) button:focus-visible{outline:3px solid #8f123c;outline-offset:3px}
/* Keep numerator/denominator pairs together rather than four full-width rows. */
.mv-experience .mathviz-fraction-renderer .mathviz-controls--stepper-paired{display:grid!important;grid-auto-flow:column;grid-template-rows:repeat(2,auto);grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 8px;width:min(100%,420px)!important;margin:4px auto!important}
.mv-experience .mathviz-fraction-renderer .mathviz-controls--stepper-equivalent{display:grid!important;width:min(100%,300px)!important;margin:4px auto!important}
.mv-experience .mathviz-fraction-renderer .mathviz-control-stepper{padding:2px 4px!important;min-width:0;box-sizing:border-box}
.mv-experience .mathviz-fraction-renderer .mathviz-control-stepper label{font-size:12px;line-height:1.4;color:#13364d}
.mv-experience .mathviz-fraction-renderer .mathviz-stepper-row{display:flex;align-items:center;justify-content:center;gap:6px}
.mv-experience .mathviz-fraction-renderer .mathviz-stepper-btn{width:34px!important;min-width:34px!important;min-height:34px!important;padding:2px!important}
.mv-experience .mathviz-fraction-renderer .mathviz-stepper-value{font-size:20px;min-width:26px;text-align:center}