/* Optional task help belongs to the working console; it never adds marketing. */
.portal-page .task-help-trigger { display:inline-flex; gap:7px; align-items:center; padding:7px 9px; border:1px solid transparent; border-radius:5px; background:transparent; color:var(--muted); font-size:11px; white-space:nowrap; }
.portal-page .task-help-trigger:hover { border-color:var(--line); background:#f4f6fa; color:var(--ink); }
.task-help-icon { display:grid; place-items:center; width:17px; height:17px; border:1px solid currentColor; border-radius:50%; font-size:11px; font-weight:700; }
.portal-page .task-help-dialog { width:min(760px,calc(100vw - 40px)); max-width:760px; max-height:calc(100dvh - 40px); padding:24px; border:1px solid var(--line); border-radius:10px; background:var(--surface); color:var(--ink); box-shadow:0 24px 80px #101f3a38; overscroll-behavior:contain; }
.task-help-dialog::backdrop { background:#10203980; }
.task-help-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.portal-page .task-help-heading h2 { font-size:22px; }
.portal-page .task-help-heading button { display:grid; place-items:center; width:34px; height:34px; border:1px solid var(--line); border-radius:5px; background:white; color:var(--ink); font-size:25px; line-height:1; }
#task-help-description { color:var(--muted); margin:8px 0 20px; font-size:13px; }
.task-help-select-label { display:block; margin-bottom:7px; font-size:12px; font-weight:650; }
.portal-page #task-help-lesson { display:block; width:100%; min-height:40px; padding:8px 10px; margin:0; border:1px solid var(--line); border-radius:5px; background:white; color:var(--ink); font-size:13px; }
#task-help-language { margin:11px 0; color:var(--muted); font-size:11px; }
#task-help-video { display:block; width:100%; height:auto; aspect-ratio:16/9; background:#eef2f7; border:1px solid var(--line); }
.portal-page #task-help-video:focus-visible { outline:3px solid #6295ff; outline-offset:3px; }
.task-help-error { padding:10px; margin:12px 0 0; background:#fff6db; color:#63470d; font-size:12px; }
#task-help-transcript { margin-top:17px; padding-top:14px; border-top:1px solid var(--line); }
#task-help-transcript summary { color:var(--blue); font-size:13px; font-weight:600; }
#task-help-transcript-text { white-space:pre-wrap; overflow-wrap:anywhere; margin:15px 0; font:13px/1.65 Inter,Arial,sans-serif; }
#task-help-transcript-status,#task-help-transcript-download { font-size:12px; line-height:1.5; }
@media(max-width:640px){
 .portal-page .task-help-trigger { padding:8px; margin-left:auto; }
 .task-help-trigger-label { display:none; }
 .portal-page .task-help-dialog { width:calc(100vw - 20px); max-height:calc(100dvh - 20px); padding:17px; }
 .portal-page .task-help-heading h2 { font-size:20px; }
}
@media print { .task-help-trigger,.task-help-dialog { display:none!important; } }