/* Task forms and saved results use the page canvas rather than an overlay. */
body .flow-workspace{max-width:840px;margin:0 auto 38px;scroll-margin-top:104px;animation:flow-enter .25s ease both}
body .flow-workspace.wide{max-width:1060px}
body .flow-navigation{display:flex;align-items:center;gap:20px;margin-bottom:20px}
body .flow-navigation>span{color:#748078;font-size:12px;line-height:1.7}
body .flow-navigation .icon{transform:rotate(180deg)}
body .flow-surface{background:#fff;border:1px solid #e2e7df;border-radius:20px;padding:36px;box-shadow:0 10px 34px #243e3410}
body .flow-workspace .modal,body .flow-workspace .modal.wide{width:100%;max-width:none;max-height:none;overflow:visible;position:static;background:transparent;border:0;border-radius:0;padding:0;box-shadow:none;animation:none}
body .flow-workspace .modal-head{margin:0 0 26px}
body .flow-workspace .modal-head h2{font-size:26px;letter-spacing:-.03em;line-height:1.5;color:#233a33}
body .flow-workspace .form-stack{gap:20px}
body .flow-workspace .form-stack>button[type=submit],body .flow-workspace .form-stack>.btn{justify-self:start;align-self:start;min-width:120px}
body .flow-workspace .form-stack :is(input,textarea,select){box-shadow:none;outline:none}
body .flow-workspace .form-stack :is(input,textarea,select):focus{box-shadow:none;outline:none;border-color:#d8e0d6;background:#fff}
body .flow-workspace .modal-actions{margin-top:26px;padding-top:22px;border-top:1px solid #edf0e9;justify-content:flex-start}
body .flow-workspace .modal>.learner-report,body .flow-workspace .modal>.report{margin-top:0}
body .flow-workspace .level-options{gap:9px;margin-top:22px}
body .flow-workspace .level-option{border-radius:10px;border-color:#dfe6dc}
body .flow-workspace .saved-response{line-height:2;white-space:pre-wrap;color:#374b42}
body .flow-workspace .tutor-workflow{display:grid;gap:22px}
body .tutor-stepper{display:flex;gap:22px;padding-bottom:18px;border-bottom:1px solid #e7ece3;list-style:none;margin:0;color:#7e8a80;font-size:12px}
body .tutor-stepper li{display:flex;align-items:center;gap:8px}
body .tutor-stepper li>span{display:grid;place-items:center;width:24px;height:24px;border:1px solid #dce5d8;border-radius:50%;font-size:11px}
body .tutor-workflow[data-state=input] .tutor-stepper li:first-child,body .tutor-workflow[data-state=running] .tutor-stepper li:nth-child(2),body .tutor-workflow[data-state=done] .tutor-stepper li:last-child{color:#24564b}
body .tutor-question-form{display:grid;gap:14px}
body .tutor-question-form label{display:grid;gap:9px;color:#334d40;font-size:13px}
body .tutor-question-form textarea{min-height:120px;resize:vertical;line-height:1.9}
body .tutor-question-form .btn{justify-self:start}
body .tutor-pending{padding:20px;background:#f8faf6;border-radius:12px;display:grid;gap:8px;color:#4a6251;font-size:13px}
body .tutor-pending p{margin:0;color:#7a877c;font-size:12px}
body .tutor-pending i{width:40px;height:3px;background:#779880;border-radius:3px;animation:tutor-breathe 1.8s ease-in-out infinite}
body .tutor-result{padding:22px 0;border-top:1px solid #e7ece3}
body .tutor-result h3{font-size:17px;margin:0 0 15px;color:#304d3c}
body .tutor-result[hidden],body .tutor-pending[hidden]{display:none}
@keyframes flow-enter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@keyframes tutor-breathe{50%{opacity:.35;transform:scaleX(.7)}}
@media(max-width:650px){body .flow-surface{padding:24px 20px;border-radius:16px}body .flow-workspace .modal-head h2{font-size:22px}body .flow-navigation{gap:13px;margin-bottom:15px}body .flow-navigation>span{font-size:11px}body .tutor-stepper{gap:14px;font-size:11px}body .tutor-stepper li{gap:5px}body .tutor-stepper li>span{width:21px;height:21px}}
@media(prefers-reduced-motion:reduce){body .flow-workspace,body .tutor-pending i{animation:none}}
body.reduce-motion .flow-workspace,body.reduce-motion .tutor-pending i{animation:none}