.da-learning-tabs{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;margin:4px}.mv-experience .da-lesson .da-learning-tabs [data-dal-open]{background:#fff0bc!important;color:#784000!important;border:2px solid #975000!important}.mv-experience .da-lesson .da-learning-tabs button[aria-pressed=true]{background:#0757ac!important;color:white!important;border-color:#053b75!important}.da-align-active .da-board>:not(.dal-panel){display:none!important}.da-align-active>.da-controls{display:none!important}.dal-panel{color:#102d43}.dal-prompt{font-weight:900;text-align:center;background:#fff0bc;color:#744000;padding:4px;margin:3px}.dal-expression,.dal-result{display:flex;direction:rtl;align-items:center;justify-content:center;gap:10px;font-size:30px;font-weight:900;color:#0757ac;margin:4px}.dal-layout{display:flex;align-items:center;justify-content:center;gap:15px}.dal-align{min-width:240px;max-width:450px;flex:1;padding-right:24px}.dal-head,.dal-row{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;text-align:center;position:relative}.dal-head{font-size:15px;padding-bottom:6px}.dal-row{margin:5px 0}.dal-row>b,.dal-row>button{background:#edf5ff;border:2px solid #31556f;font-size:35px!important;font-weight:900!important;min-height:51px!important;position:relative}.dal-row .dal-operation{position:absolute;left:100%;background:none;border:0;width:24px;top:4px;font-size:30px!important;min-height:0!important}.dal-comma:after{content:'٫';position:absolute;right:-7px;bottom:0;font-size:35px;color:#102d43;z-index:1}.dal-a .dal-padding{color:#a24b00}.dal-tokens,.dal-actions{display:flex;align-items:center;justify-content:center;gap:7px;margin:7px}.mv-experience .da-lesson .dal-tokens button{background:#b01049!important;color:white!important;font-weight:900!important;font-size:32px!important;min-width:52px;min-height:48px;cursor:grab}.mv-experience .da-lesson .dal-tokens button[aria-pressed=true]{outline:4px solid #9e5100;outline-offset:2px}.dal-visual{flex:1.5;min-width:0;max-width:720px}.da-lesson .dal-visual svg.mv-diagram,.dal-visual svg{width:100%;height:auto!important;max-height:35svh!important;display:block;overflow:visible}.dal-visual svg text{font-size:21px;font-weight:900;fill:#102d43}.dal-key{text-align:center;font-weight:800;font-size:13px;margin:3px}.dal-piece{transition:transform 1s cubic-bezier(.4,0,.2,1),opacity 1s}.dal-feedback{font-size:17px;font-weight:800;text-align:center;min-height:26px;margin:5px}.dal-wrong .dal-feedback{background:#fff0bd;color:#7f3900;padding:5px;border:2px solid #a45700}.dal-correct .dal-feedback{color:#00623c}.dal-result{color:#005d38;background:#e4fff0;border:2px solid #006641;font-size:27px;padding:4px}.da-lesson .dal-row>button:disabled{opacity:1!important;cursor:default;border-style:solid!important;background:#e4fff0!important;color:#00623c!important}.dal-demonstrating .dal-align{max-width:260px;min-width:205px}.dal-demonstrating .dal-head{font-size:13px}.dal-demonstrating .dal-row>b,.dal-demonstrating .dal-row>button{font-size:28px!important;min-height:42px!important}.dal-demonstrating .dal-row .dal-operation{min-height:0!important}.mv-focus .dal-visual svg.mv-diagram{max-height:60svh!important}
@media(max-width:650px){.dal-layout{flex-direction:column;gap:5px}.dal-align{width:100%;max-width:400px;box-sizing:border-box}.dal-visual{width:100%}.dal-demonstrating .dal-align{width:260px;min-width:0}.dal-prompt{font-size:15px}.dal-feedback{font-size:15px}.dal-head{font-size:14px}.dal-expression{font-size:27px}.dal-result{font-size:23px}.dal-visual svg text{font-size:23px}.da-lesson .dal-visual svg.mv-diagram{max-height:29svh!important}.dal-tokens,.dal-actions{margin:4px}.dal-row>b,.dal-row>button{min-height:43px!important;font-size:29px!important}.dal-row .dal-operation{min-height:0!important}.dal-head{padding-bottom:2px}.dal-demonstrating .dal-head{font-size:12px}}
@media(max-width:650px){.dal-feedback{margin:3px;font-size:14px;line-height:1.35}.dal-wrong .dal-feedback{padding:3px}.dal-row{margin:3px 0}.dal-tokens,.dal-actions{margin:3px}.dal-layout{gap:3px}}
@media(prefers-reduced-motion:reduce){.dal-panel *{transition:none!important}}
