.mq-task-help{margin:14px 0;min-width:0}.mq-help-toggle{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:5px 14px 5px 7px;background:linear-gradient(120deg,#183e38,#0c2728);color:#fff2d4;border:1px solid #7caa96;border-radius:12px;font-weight:700;font-size:1rem;box-shadow:0 2px 5px #12332c20}.mq-help-toggle img{object-fit:contain;flex:none;transition:filter .2s}.mq-help-toggle:hover img,.mq-help-toggle[aria-expanded=true] img{filter:drop-shadow(0 0 4px #73d9b5)}.mq-help-toggle:focus-visible,.mq-help-close:focus-visible{outline:3px solid #b07109;outline-offset:3px}.mq-help-arrow{margin-left:10px;transition:transform .24s}.is-open .mq-help-arrow{transform:rotate(180deg)}.mq-help-panel{overflow:hidden}.mq-help-panel[hidden]{display:none!important}.mq-help-content{margin-top:8px;padding:18px;background:#edf3e9;border:1px solid #8cae97;border-left:4px solid #497f70;border-radius:12px;color:#19392d;overflow-wrap:anywhere;line-height:1.65}.mq-help-content img{max-width:100%;height:auto}.mq-help-content p:first-child{margin-top:0}.mq-help-close{min-height:44px;background:none;border:1px solid #89a18c;color:#264f3c;border-radius:9px;padding:8px 14px;margin-top:14px}.mq-task-help .task-roadmap{margin:8px 0}.required-material{margin:16px 0;padding:16px;background:#f2f3e8;border-left:4px solid #af884c;border-radius:10px}.required-material>h3{font-size:1.05rem;margin:0 0 10px}.mq-help-content details{margin:10px 0}.mq-help-content summary{min-height:44px;cursor:pointer;padding:8px}.task-layout .exercise{min-width:0}.task-layout:has(.mq-task-help){grid-template-columns:minmax(0,1fr)}
@media(max-width:800px){body.has-journey-hud:has(#task-form) .stollen-heading{padding:12px 14px;margin-bottom:12px;min-height:0}.stollen-heading h1{font-size:1.3rem;margin:6px 0;overflow-wrap:anywhere}body:has(#task-form) .stollen-emblem{display:none}body:has(#task-form) .sidebar-note,body:has(#task-form) .student-tools{display:none!important}body:has(#task-form) .sidebar .brand{display:none}body:has(#task-form) .sidebar{padding-block:6px}body:has(#task-form) .workspace>.topbar{padding:8px 12px;min-height:0}body:has(#task-form) .workspace>.topbar h1{font-size:1rem}.task-layout{display:block;margin:0}.exercise{padding:16px 12px!important}.subject-task-title h2,.subject-task-title h3{font-size:1.3rem;overflow-wrap:anywhere}.subject-task-title{min-width:0;gap:10px}.task-brief{padding:12px;line-height:1.55}.mq-help-toggle{max-width:100%;min-height:48px}.mq-help-content{padding:14px}.task-tabs{flex-wrap:wrap;gap:6px}.task-dot{width:44px;min-height:44px}.task-actions{gap:10px;flex-wrap:wrap}.task-actions button{min-height:48px}.exercise :is(input,select,textarea),.practice-task :is(input,select,textarea),.alpha-task :is(input,select,textarea){font-size:16px;max-width:100%;min-width:0;scroll-margin-block:100px}.exercise> .mine-progress{display:none}.required-material{padding:12px}.task-layout .item,.practice-task .item{min-width:0}.wordbank,.sentence{flex-wrap:wrap}.wordbank button,.sentence button{min-height:44px;max-width:100%;white-space:normal}.mq-keyboard-open .mining-dock,.mq-keyboard-open .journey-hud{visibility:hidden;pointer-events:none}.mq-keyboard-open .workspace{padding-bottom:20px}.mq-keyboard-open input,.mq-keyboard-open textarea{scroll-margin-bottom:24px}}
@media(prefers-reduced-motion:reduce){.mq-help-toggle img,.mq-help-arrow{transition:none}}

@media(max-width:800px){body:has(#task-form) .workspace>.topbar .mobile-brand{display:none}body:has(#task-form) .workspace>.topbar{justify-content:flex-end;height:54px;padding:5px 12px}body:has(#task-form) .main{padding-top:12px}body:has(#task-form) .stollen-heading .eyebrow{margin:0 0 5px}body:has(#task-form) .stollen-heading .task-tabs{margin-top:12px}body:has(#task-form) .learning-path{padding:14px;margin:12px 0}body:has(#task-form) .learning-path>h3{font-size:1.12rem}body:has(#task-form) .learning-path p{line-height:1.55}body:has(#task-form) .learning-path .library-formula,body:has(#task-form) .learning-path .library-example,body:has(#task-form) .learning-path .library-tip{padding:12px;margin:10px 0}}
