dialog.bpmn-lab-dialog{width:min(960px,calc(100vw - 28px));max-width:960px;padding:clamp(24px,4vw,46px);background:#152b4b;color:#fff}dialog.bpmn-lab-dialog h2{font-size:clamp(27px,4vw,38px);max-width:20ch;color:#fff;margin:12px 0}.bpmn-lab .eyebrow{color:#b8ddff}.bpmn-lab .lab-intro{color:#d4e5fa;font-size:15px}.lab-switch{display:flex;gap:6px;background:#0b1e36;padding:6px;border-radius:12px;margin:24px 0}.lab-switch button{flex:1;border:0;border-radius:8px;padding:13px;font-family:inherit;font-size:14px;font-weight:600;color:#d8eaff;background:transparent}.lab-switch button[aria-pressed=true]{background:#e8f3ff;color:#173c68}.lab-workspace{padding:clamp(18px,3vw,28px);background:#f6f9ff;color:#1c3c68;border-radius:16px}.lab-symbols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.lab-symbol{display:grid;justify-items:center;gap:10px;min-width:0;padding:12px;border:1px solid #b6c9e1;border-radius:12px;background:#fff;color:#21436c;font:600 13px/1.4 Arial,sans-serif;transition:transform .15s,box-shadow .15s}.lab-symbol:hover{transform:translateY(-2px);box-shadow:0 7px 16px #14376514}.lab-symbol[aria-pressed=true]{border:2px solid #326eb6;padding:11px;background:#e4effe;box-shadow:0 0 0 2px #d2e4ff}.lab-art{display:block;width:96px;height:62px;border-radius:10px;background:#eaf1fc;color:#28558d}.lab-art-2{background:#fff1c9;color:#77500b}.lab-art-4{background:#def4ed;color:#196650}.lab-art-5{background:#eae8fa;color:#57478e}.lab-art svg{width:100%;height:100%}.lab-detail{display:grid;grid-template-columns:110px 1fr;gap:24px;align-items:center;margin-top:24px;padding:24px;background:#193b64;border-radius:12px;color:#fff}.lab-large-art{color:#a8d5fc}.lab-large-art svg{width:100%}.lab-kicker{font-size:10px;font-weight:700;letter-spacing:1.5px;color:#a8d5fc}.lab-detail h3{color:#fff;font-size:24px;margin:8px 0}.lab-detail p{color:#e5effb;margin:8px 0;font-size:14px;line-height:1.6}.lab-detail .lab-example{color:#b8d9f6;font-size:12px}.lab-flow{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:16px}.lab-flow button{border:0;background:transparent;color:#234c80;max-width:90px;min-width:0;flex:1}.lab-flow svg{width:100%;height:58px}.lab-disclaimer{font-size:11px;line-height:1.6;color:#cfdded;margin:22px 0 0}.lab-challenge h3{font-size:24px;line-height:1.3;margin:18px 0 10px;color:#173c68}.lab-challenge>p{font-size:13px;color:#4b6584}.lab-progress-label{display:flex;justify-content:space-between;font-size:11px;font-weight:700;letter-spacing:1px} .lab-challenge progress{width:100%;height:6px;accent-color:#3776bd;margin:12px 0}.lab-feedback{min-height:52px;padding:16px 0;color:#2e506e;font-size:14px;line-height:1.6}.lab-workspace [data-lab-next],.lab-complete button{padding:12px 20px;border:0;border-radius:8px;background:#244f85;color:white;font-weight:600}.lab-symbol:disabled{opacity:.65}.lab-symbol.lab-try{border-color:#a45e10}.lab-complete{text-align:center;padding:30px 12px}.lab-award{font-size:64px;color:#b17b13}.lab-complete .lab-kicker{color:#4b6485}.lab-complete h3{font-size:30px;margin:16px 0;color:#21436c}.lab-complete p{font-size:15px;line-height:1.6;max-width:45ch;margin:0 auto 24px}.lab-complete button{margin:5px}.bpmn-lab button:focus-visible{outline:3px solid #f6bc4f;outline-offset:3px}@media(max-width:520px){.lab-symbols{grid-template-columns:repeat(2,minmax(0,1fr))}.lab-detail{grid-template-columns:1fr;gap:8px;padding:18px}.lab-large-art{display:none}.lab-flow{gap:5px}.lab-workspace{padding:16px}.lab-switch button{font-size:12px}.lab-challenge h3{font-size:21px}}@media(prefers-reduced-motion:reduce){.lab-symbol{transition:none}.lab-symbol:hover{transform:none}}