html.task-panel-open{overflow:hidden}.task-panel{border:0;border-left:1px solid var(--border);width:min(760px,100%);max-width:100%;height:100dvh;max-height:100dvh;color:var(--foreground);background:var(--background);overscroll-behavior:contain;margin:0 0 0 auto;padding:0;overflow-y:auto;box-shadow:-20px 0 70px #0002}.task-panel::backdrop{background:#101d2b75}.task-panel-bar{z-index:5;background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;padding:.8rem 1.3rem;display:flex;position:sticky;top:0}.task-panel-bar p{color:var(--muted);font-size:.8rem}.task-panel-body{padding:clamp(1.2rem,4vw,2.5rem)}.task-panel .task-workspace{max-width:none}.task-panel-heading{margin-bottom:1.5rem}.task-panel-heading h2{font-family:var(--font-display);margin-bottom:.8rem;font-size:clamp(1.8rem,4vw,2.2rem);font-weight:400}.task-panel-heading>p:last-child{color:var(--muted)}.task-panel .task-work-card{padding:1.3rem}.task-panel-unsaved{z-index:6;border:1px solid var(--blue-text);background:var(--surface);box-shadow:var(--shadow);margin:.8rem;padding:1.2rem;position:sticky;top:76px}.task-first-step{background:var(--blue-soft);border-left:3px solid var(--primary);margin:1rem 0;padding:1.2rem}.task-first-step .eyebrow{margin-bottom:.45rem}.task-first-step>p:last-child{font-size:1.02rem}.task-walkthrough{margin:1rem 0 1.6rem}.task-walkthrough summary,.task-support summary{color:var(--blue-text);padding-block:.6rem;font-weight:600}.task-walkthrough ol{counter-reset:guide-step;padding:0;list-style:none}.task-walkthrough li{counter-increment:guide-step;padding:.4rem 0 1.2rem 2.7rem;position:relative}.task-walkthrough li:before{content:counter(guide-step);border:1px solid var(--border);width:1.9rem;height:1.9rem;color:var(--blue-text);border-radius:50%;place-items:center;font-size:.85rem;display:grid;position:absolute;top:.3rem;left:0}.task-walkthrough h3{margin-bottom:.4rem;line-height:1.5}.task-walkthrough li p{color:var(--muted)}.task-example{border:1px solid var(--border);border-radius:4px;padding:1.1rem}.task-example p{margin-top:.45rem}.task-reassurance{color:var(--muted);margin-block:1rem;font-size:.9rem}.task-setup-context{border-bottom:1px solid var(--border);margin-block:1rem 1.5rem;padding-bottom:1.2rem}.task-setup-context h3{margin-bottom:.5rem}.task-setup-context dl{margin:1rem 0}.task-setup-context dt{color:var(--muted);margin-top:.7rem;font-size:.78rem;font-weight:600}.task-setup-context dd{white-space:pre-wrap;overflow-wrap:anywhere;margin:.2rem 0 .7rem}.task-setup-context a{color:var(--blue-text);font-size:.85rem;text-decoration:underline}.task-support{border-top:1px solid var(--border);margin-block:1.5rem;padding-block:1rem}.task-support>p{color:var(--muted);margin-block:.7rem}.task-support-links{align-items:start;gap:.6rem;display:grid}.task-support .button{text-align:left;justify-content:flex-start;width:fit-content;min-height:40px;padding-inline:0}.task-support a{color:var(--blue-text);text-decoration:underline}.task-professional-help{border-top:1px solid var(--border);margin-top:1rem;padding-top:1rem}.task-professional-help small{color:var(--muted);font-size:.78rem;display:block}.task-panel-blockers{background:var(--surface-soft);margin-block:1rem;padding:1rem}.task-panel-blockers button{text-align:left}.sample-task-finish{border-top:1px solid var(--border);margin-block:1.5rem;padding-top:1rem}.sample-task-finish p{margin-block:.7rem}@media (max-width:600px){.task-panel{border-left:0;border-radius:16px 16px 0 0;width:100%;height:92dvh;max-height:92dvh;margin:auto 0 0}.task-panel-bar{padding:.6rem 1rem}.task-panel-body{padding:1.1rem}}