.wm-task-demos-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}
.wm-task-demo{min-width:0;padding:1.25rem;border:1px solid var(--wm-border);border-radius:var(--wm-radius-lg,1rem);background:var(--wm-surface);color:var(--wm-text);scroll-margin-top:7rem}
.wm-task-demo h3{font-size:1.25rem;line-height:1.35;font-weight:700;margin:.25rem 0 1rem}
.wm-task-demo__launch{display:grid;grid-template-columns:56px minmax(0,1fr) 40px;align-items:center;gap:.75rem;width:100%;padding:.75rem;border:1px solid var(--wm-border);border-radius:.75rem;background:var(--wm-surface-muted);color:var(--wm-text);font:inherit;font-weight:650;text-align:left;cursor:pointer}
.wm-task-demo__launch[hidden]{display:none}
.wm-task-demo__launch img{width:56px;height:80px;object-fit:contain;border-radius:.35rem;background:#f7f8f6}
.wm-task-demo__play{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--wm-primary);color:#fff;font-size:1rem}
.wm-task-demo__launch:focus-visible,.wm-task-demo__steps summary:focus-visible{outline:3px solid var(--wm-ring);outline-offset:3px}
.wm-task-demo__steps{margin-top:.5rem}
.wm-task-demo__steps summary{display:flex;align-items:center;gap:.6rem;min-height:48px;cursor:pointer;font-weight:600;list-style:none}
.wm-task-demo__steps summary::-webkit-details-marker{display:none}
.wm-task-demo__steps summary::before{content:'+';width:1rem;text-align:center;font-size:1.2rem}
.wm-task-demo__steps[open] summary::before{content:'−'}
.wm-task-demo ol{padding-left:1.4rem;margin:.25rem 0 0}
.wm-task-demo li{padding-left:.2rem;margin:.5rem 0;line-height:1.6}
.wm-task-demo__note{font-size:.875rem;line-height:1.6;color:var(--wm-text-secondary);margin:.75rem 0 0}
.wm-task-demo a,.wm-task-demo__viewer a{text-decoration:underline;text-underline-offset:.2em}
.wm-task-demo__viewer{display:none;box-sizing:border-box;width:min(64rem,calc(100vw - 2rem));height:min(90vh,56rem);height:min(90dvh,56rem);max-width:none;max-height:none;padding:0;margin:auto;border:1px solid #ffffff30;border-radius:1rem;background:#111a15;color:#fff;overflow:hidden}
.wm-task-demo__viewer[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto}
.wm-task-demo__viewer::backdrop{background:rgba(4,10,7,.82)}
.wm-task-demo__viewer-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:64px;padding:.75rem 1rem}
.wm-task-demo__viewer-header p{font-size:1rem;font-weight:650;line-height:1.4;margin:0}
.wm-task-demo__viewer-header button{flex:none;min-height:44px;padding:.5rem .75rem;border:1px solid #ffffff70;border-radius:.5rem;background:transparent;color:inherit;font:inherit;cursor:pointer}
.wm-task-demo__viewer-header button:focus-visible{outline:3px solid var(--wm-ring,#ee1072);outline-offset:3px}
.wm-task-demo__player{min-height:0;min-width:0;display:grid;background:#111a15}
.wm-task-demo__player video{display:block;width:100%;height:100%;min-height:0;object-fit:contain;background:#111a15}
.wm-task-demo__player video::cue{font-size:1rem;white-space:normal}
.wm-task-demo__error{padding:1rem;margin:0;line-height:1.5}
body.wm-task-video-open{overflow:hidden}
@media(max-width:700px){.wm-task-demos-grid{grid-template-columns:minmax(0,1fr);gap:1rem}.wm-task-demo{padding:1rem}.wm-task-demo__viewer{inset:0;width:100%;height:100vh;height:100dvh;margin:0;border:0;border-radius:0;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}}