/* Phase 5E: compact, motivating exercises; scoped to Music Lab activities. */
#activity .ml5e-progress{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:13px 16px;border-radius:15px;background:#1b3550;border:1px solid #4d7890;margin:4px 0 18px}
#activity .ml5e-progress-label{font-size:.86rem;color:#c4d9e8}#activity .ml5e-progress strong{margin-left:auto;color:#9ff3db}
#activity .ml5e-track{flex-basis:100%;height:8px;border-radius:20px;background:#324c66;overflow:hidden}#activity .ml5e-fill{display:block;height:100%;border-radius:20px;background:linear-gradient(90deg,#67d5c6,#a6e3a1);transition:width .2s}
#activity .ml5e-write{padding:12px 14px!important;background:#1b334d;border:1px solid #46617e;border-radius:14px;margin:12px 0!important}
#activity .ml5e-write label{font-size:1rem;font-weight:700;line-height:1.35;margin:0 0 9px!important}
#activity .ml5e-write .ml84-textarea{min-height:65px!important;resize:vertical}
#activity .ml5e-context{font-size:.84rem;margin:8px 0;color:#c9d9e8}#activity .ml5e-context summary{cursor:pointer;display:list-item;width:max-content;max-width:100%;padding:4px 0;color:#a7e5dc}#activity .ml5e-context p{line-height:1.5;margin:6px 0}
#activity .ml5e-done{padding:12px 16px;background:#174e43;border:1px solid #64c6a3;color:#e1fff0;border-radius:12px;font-weight:700}
#activity .ml84-panel{margin-bottom:14px!important;padding:clamp(13px,2vw,20px)!important}#activity .ml84-panel>h4{margin-bottom:6px!important}#activity .ml84-muted{line-height:1.45}
#studio .learning-nav button{min-height:44px}#activity .ml84-footer button{min-height:46px}
@media(max-width:640px){#activity .ml5e-progress{padding:12px}#activity .ml84-panel{padding:13px!important}#activity .ml5e-write{padding:12px!important}#studio .learning-nav{overflow-x:auto;scroll-snap-type:x proximity}#studio .learning-nav button{white-space:nowrap;scroll-snap-align:start}}
@media(prefers-reduced-motion:reduce){#activity .ml5e-fill{transition:none}}
