/* Page Workflows */
.wf{--ink:#111;--bg:#fff7ef;--sheet:#fffefa;--ylw:#ffd9c2;background:var(--bg);color:#111;overflow:hidden}
.wf h1,.wf h2,.wf h3,.wf h4{margin:0;font-weight:500;letter-spacing:-.05em}
.wf-eyebrow{font-size:12px;letter-spacing:.12em;margin:0 0 14px;color:#222}
.wf-btn{display:inline-flex;align-items:center;gap:12px;background:#0b0b0b;color:#fff;border-radius:14px;padding:17px 24px;font-size:16px;transition:transform .2s,background .2s}
.wf-btn:hover{transform:translateY(-2px);background:#262626}.wf-btn svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2}.wf-btn.light{background:#fff;color:#111}
/* nœuds */
.wf-node{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e6e2d8;border-radius:12px;padding:12px 16px 12px 12px;box-shadow:0 8px 24px rgba(30,25,10,.07);min-width:215px;text-align:left}
.wf-ico{width:38px;height:38px;border-radius:10px;background:color-mix(in srgb,var(--ic) 16%,#fff);display:grid;place-items:center;flex:0 0 auto}
.wf-ico svg{width:20px;height:20px;fill:none;stroke:var(--ic);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.wf-ico.big{width:56px;height:56px;border-radius:14px}.wf-ico.big svg{width:30px;height:30px}
.wf-nt{display:flex;flex-direction:column;line-height:1.25}.wf-nt strong{font-size:15px;font-weight:500;letter-spacing:-.02em}.wf-nt em{font-style:normal;font-size:12px;color:#777}
.wf-lab{display:block;text-align:center;font-size:11px;color:#888;background:#efece4;border-radius:8px 8px 0 0;padding:4px 0;margin-bottom:-6px;position:relative;top:4px}
/* 1. hero */
.wf-hero{position:relative;min-height:min(100vh,860px);display:grid;place-items:center;padding:150px 20px 120px;background:var(--bg)}
.wf-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
.wf-lines path{fill:none;stroke:#bdb8aa;stroke-width:1.3;stroke-dasharray:4 5;animation:flow 1.4s linear infinite}
.wf-lines circle{fill:#4a4de6}
@keyframes flow{to{stroke-dashoffset:-18}}
.wf-float{position:absolute;z-index:1;animation:bob 6s ease-in-out infinite}
.wf-float.n1{left:5%;top:22%}.wf-float.n2{left:34%;top:11%;animation-delay:-1s}.wf-float.n3{right:6%;top:26%;animation-delay:-2s}.wf-float.n4{left:4%;bottom:15%;animation-delay:-3s}.wf-float.n5{right:5%;bottom:13%;animation-delay:-4s}.wf-float.n6{left:44%;bottom:5%;animation-delay:-5s}
@keyframes bob{50%{transform:translateY(-9px)}}
.wf-hero-in{position:relative;z-index:2;text-align:center;max-width:760px}
.wf-hero-in h1{font-size:clamp(40px,6vw,88px);line-height:1;margin:18px 0 22px}
.wf-hero-in p{font-size:clamp(16px,1.5vw,20px);color:#55524a;max-width:600px;margin:0 auto 26px;line-height:1.5}
.wf-cube{display:inline-grid;grid-template-columns:repeat(2,26px);gap:4px}.wf-cube i{height:26px;border-radius:7px;background:#4a6cf7}.wf-cube i:nth-child(2){background:#f29b38}.wf-cube i:nth-child(3){background:#e5578c;grid-column:1/3;width:26px;justify-self:center}
.wf-cube{animation:bob 4s ease-in-out infinite}
/* 2. piliers */
.wf-sheet{background:var(--sheet);border-radius:44px 44px 0 0;padding:clamp(70px,9vw,130px) 4% 80px;margin-top:-40px;position:relative;z-index:2}
.wf-h2{font-size:clamp(34px,4.6vw,66px);text-align:center;line-height:1.04;margin-bottom:60px}
.wf-pillars{display:grid;grid-template-columns:repeat(3,1fr);max-width:1180px;margin:auto;border:1px solid #ebe7dc;border-radius:26px;background:#fff}
.wf-pillars article{padding:44px 40px 56px;border-right:1px solid #ebe7dc}.wf-pillars article:last-child{border:0}
.wf-pillars h3{font-size:24px;margin:34px 0 14px}.wf-pillars p{margin:0;color:#666;font-size:15px;line-height:1.55}
/* 3. onglets */
.wf-tabs-sec{background:var(--sheet);padding:20px 4% 120px}
.wf-tabs{display:grid;grid-template-columns:1fr 1fr;max-width:1180px;margin:0 auto 14px;background:#efece4;border:1px solid #e6e2d8;border-radius:16px;padding:6px;gap:6px}
.wf-tabs button{border:0;background:transparent;font-size:22px;padding:20px;border-radius:12px;color:#888;cursor:pointer;transition:background .25s,color .25s;letter-spacing:-.03em}
.wf-tabs button[aria-selected=true]{background:#fff;color:#111;box-shadow:0 2px 10px rgba(0,0,0,.05)}
.wf-tab-card{display:grid;grid-template-columns:1fr 1fr;max-width:1180px;margin:auto;border:1px solid #e6e2d8;border-radius:26px;padding:16px;background:#fff;gap:30px;min-height:420px}
.wf-tab-art{background:#f8d7ea;border-radius:16px;display:grid;place-items:center;min-height:380px;overflow:hidden}
.wf-tab-art[data-art="1"]{background:#d8e6ff}
.wf-stack{display:flex;flex-direction:column;gap:-10px;align-items:center}.wf-stack span{display:block;width:260px;text-align:center;padding:26px;border-radius:18px;background:var(--c);transform:rotate(var(--r));font-size:20px;box-shadow:0 12px 30px rgba(0,0,0,.12);margin-top:-14px;animation:bob 5s ease-in-out infinite}.wf-stack span:nth-child(2){animation-delay:-1.5s}.wf-stack span:nth-child(3){animation-delay:-3s}
.wf-tab-text{align-self:center;padding:30px 40px}.wf-quote{font-size:clamp(22px,2.3vw,32px);line-height:1.25;letter-spacing:-.035em;margin:0 0 26px}.wf-by{font-size:14px;color:#777;margin:0}
.wf-tab-art[hidden],.wf-tab-text[hidden]{display:none}
/* 4/6. features */
.wf-feature{background:var(--sheet);padding:90px 4% 90px}
.wf-feat-head{display:grid;grid-template-columns:1.2fr 1fr;gap:6%;max-width:1260px;margin:0 auto 56px;align-items:start}
.wf-h2l{font-size:clamp(32px,4vw,58px);line-height:1.04}.wf-feat-head p:not(.wf-eyebrow){font-size:18px;line-height:1.5;color:#555;margin:0 0 26px}
.wf-stage{max-width:1260px;margin:auto;border-radius:22px;background:var(--ylw);padding:60px 9% 0;position:relative;overflow:hidden;min-height:520px}
.wf-stage.tall{min-height:620px}
.wf-win{background:#f7f6f1;border:1px solid #dcd8cc;border-radius:16px 16px 0 0;min-height:480px;box-shadow:0 0 0 8px rgba(255,255,255,.45)}
.wf-bar{display:flex;align-items:center;gap:6px;padding:14px 18px;border-bottom:1px solid #e5e1d6}.wf-bar i{width:9px;height:9px;border-radius:50%;background:#d1ccc0}
.wf-add{margin-left:auto;background:#3d52f0;color:#fff;border-radius:7px;padding:7px 12px;font-size:13px}
.wf-canvas{display:grid;grid-template-columns:1fr 340px;gap:30px;padding:36px 40px;background-image:radial-gradient(#d9d5c9 1px,transparent 1px);background-size:20px 20px}
.wf-canvas.trace{grid-template-columns:1fr 330px}
.wf-col{display:flex;flex-direction:column;align-items:center}.wf-col.pad{padding:36px 20px}
.wf-link{width:2px;height:26px;background:#3d52f0;opacity:.7}
[data-seq] [data-s],[data-seq] .sq{opacity:0;transform:translateY(12px);transition:opacity .5s,transform .5s}
[data-seq] .on{opacity:1;transform:none}
.wf-draft{background:#fff;border:1px solid #e6e2d8;border-radius:14px;padding:22px;align-self:start;box-shadow:0 10px 28px rgba(30,25,10,.08)}
.wf-draft-h{display:flex;align-items:center;gap:10px;margin-bottom:14px}.wf-draft-h b{width:34px;height:34px;border-radius:50%;background:#d9e7ff;display:grid;place-items:center;font-size:12px}.wf-draft-h span{display:flex;flex-direction:column;font-size:14px;line-height:1.2}.wf-draft-h em{font-style:normal;font-size:12px;color:#888}.wf-draft-h small{margin-left:auto;background:#eee;border-radius:6px;padding:3px 8px;font-size:11px}
.wf-draft h4{font-size:19px;margin-bottom:8px}.wf-draft p{font-size:14px;color:#555;margin:0 0 14px;line-height:1.5}.wf-chips{display:flex;gap:6px;flex-wrap:wrap}.wf-chips span{font-size:12px;background:#eceeff;color:#252b59;border-radius:6px;padding:4px 9px}
/* 5. dark */
.wf-dark{background:#17181a;color:#fff;padding:100px 4%;border-radius:44px;margin:0 0 0}
.wf-feat-head.light p:not(.wf-eyebrow){color:#b9bbbf}.wf-dark .wf-eyebrow{color:#9aa0a6}
.wf-dark-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:20px;max-width:1260px;margin:0 auto 20px}
.wf-term,.wf-code{background:#0c0d0e;border:1px solid #2a2c30;border-radius:14px;overflow:hidden;min-height:300px}
.wf-term .wf-bar,.wf-code .wf-bar{border-color:#26282b}.wf-term .wf-bar i{background:#44474d}.wf-file{font-size:13px;color:#9aa0a6}
.wf-term pre,.wf-code pre{margin:0;padding:22px;font:13.5px/1.7 ui-monospace,SFMono-Regular,Menlo,monospace;color:#d6d9de;white-space:pre-wrap;min-height:230px}
.wf-term pre{color:#bec8ff}.wf-term pre::after,.wf-code pre::after{content:'▋';animation:blink 1s steps(1) infinite;color:#ffd9c2}@keyframes blink{50%{opacity:0}}
.wf-chain{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;max-width:1260px;margin:30px auto 0}.wf-chain .wf-node{background:#222427;border-color:#33363a;color:#fff;min-width:200px}.wf-chain .wf-nt em{color:#9aa0a6}
.wf-chain .wf-ico{background:color-mix(in srgb,var(--ic) 26%,#222427)}
/* trace */
.wf-trace{background:#fff;border:1px solid #e6e2d8;border-radius:14px;padding:20px;align-self:start;box-shadow:0 10px 28px rgba(30,25,10,.08)}
.wf-trace-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;font-size:16px}.wf-state{font-size:12px;background:#e9e9ff;color:#3d52f0;border-radius:8px;padding:5px 10px;transition:.3s}.wf-state.ok{background:#eceeff;color:#252b59}
.wf-trace ul{list-style:none;margin:0;padding:0}.wf-trace li{display:flex;align-items:center;gap:10px;padding:13px 0;border-top:1px solid #eee;font-size:14px;color:#aaa;transition:color .3s}.wf-trace li em{margin-left:auto;font-style:normal;font-size:12px}
.wf-trace .dot{width:14px;height:14px;border-radius:50%;border:2px solid #ddd;transition:.3s}.wf-trace li.run{color:#111}.wf-trace li.run .dot{border-color:#3d52f0;border-top-color:transparent;animation:spin .8s linear infinite}.wf-trace li.done{color:#111}.wf-trace li.done .dot{background:#5268ec;border-color:#5268ec}
@keyframes spin{to{transform:rotate(360deg)}}
/* 7. proven */
.wf-proven{background:var(--sheet);display:grid;grid-template-columns:.9fr 1.1fr;gap:5%;padding:110px 4%;align-items:center;max-width:1400px;margin:auto}
.wf-plist{margin:34px 0 34px;display:flex;flex-direction:column;gap:6px}
.wf-plist button{text-align:left;border:0;background:none;padding:12px 0;cursor:pointer;color:#c5c2b8;transition:color .3s;border-top:1px solid transparent}
.wf-plist button strong{display:block;font-size:clamp(26px,3vw,42px);font-weight:500;letter-spacing:-.05em;line-height:1.1}.wf-plist button span{display:none;font-size:16px;color:#666;margin-top:10px;line-height:1.5;max-width:460px;letter-spacing:0}
.wf-plist button.on{color:#111}.wf-plist button.on span{display:block}
.wf-proven-r .wf-stage{padding:50px 12% 0;border-radius:26px}.wf-win.slim{min-height:460px}.wf-win[hidden]{display:none}
/* 8. faq */
.wf-faq{background:var(--sheet);display:grid;grid-template-columns:.8fr 1.2fr;gap:6%;padding:80px 4% 120px;max-width:1400px;margin:auto}
.wf-acc details{border-top:1px solid #e3dfd3;padding:0}.wf-acc details:last-child{border-bottom:1px solid #e3dfd3}
.wf-acc summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:26px 6px;font-size:21px;letter-spacing:-.03em}.wf-acc summary::-webkit-details-marker{display:none}
.wf-acc summary:after{content:'+';font-size:26px;font-weight:300;transition:transform .25s}.wf-acc details[open] summary:after{transform:rotate(45deg)}
.wf-acc p{margin:0 6px 26px;color:#555;font-size:16px;line-height:1.55;max-width:600px}
/* reveal */
.wf [data-rv]{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s}.wf [data-rv].in{opacity:1;transform:none}
@media(max-width:1000px){.wf-pillars,.wf-tab-card,.wf-feat-head,.wf-dark-grid,.wf-proven,.wf-faq{grid-template-columns:1fr}.wf-pillars article{border-right:0;border-bottom:1px solid #ebe7dc}.wf-canvas,.wf-canvas.trace{grid-template-columns:1fr;padding:24px 14px}.wf-stage,.wf-proven-r .wf-stage{padding:30px 4% 0}.wf-float{display:none}.wf-hero{min-height:0;padding:130px 20px 90px}.wf-tab-text{padding:10px 14px 24px}.wf-dark{border-radius:28px}}
@media(prefers-reduced-motion:reduce){.wf-float,.wf-cube,.wf-stack span,.wf-lines path{animation:none}[data-seq] [data-s],[data-seq] .sq{opacity:1;transform:none}}

/* Live-reference refinement — 3.10. Layout is adapted to the Qreew palette. */
.wf{--bg:#fff7ef;--sheet:#fff;--ylw:#f4b49a;overflow:clip;color:#252b59}
.wf-hero{min-height:910px;padding:300px 20px 220px}.wf-hero-in{max-width:880px}.wf-hero-in h1{font-size:clamp(48px,5.6vw,80px);line-height:1.04}.wf-hero-in p{max-width:660px}
.wf-float{animation:none}.wf-float.n1{left:6%;top:22%}.wf-float.n2{left:auto;right:22%;top:13%}.wf-float.n3{right:6%;top:28%}.wf-float.n4{left:6%;bottom:20%}.wf-float.n5{right:6%;bottom:14%}.wf-float.n6{left:43%;bottom:3%}
.wf-lines path{stroke:#d3ced0;stroke-dasharray:none;animation:none}.wf-lines path.wf-pulse{stroke:#5268ec;stroke-width:3;stroke-dasharray:9 550;animation:wfTravel 5s linear infinite;filter:drop-shadow(0 0 3px #5268ec80)}@keyframes wfTravel{to{stroke-dashoffset:-559}}
.wf-node{min-width:0;width:260px;max-width:100%;border-color:#eeedf1;box-shadow:0 2px 8px #252b5908;border-radius:10px}.wf-nt{min-width:0}.wf-nt strong{font-size:13px;line-height:1.35}.wf-nt em{font-size:11px;margin-top:3px}.wf-ico{width:32px;height:32px}.wf-lab{background:#fff;border:1px solid #eee;border-bottom:0;margin-bottom:-4px;top:0}
.wf-sheet{border-radius:36px 36px 0 0;padding-top:100px}.wf-pillars{border-radius:0;background:linear-gradient(#fff,#f8f6f3)}.wf-tabs-sec{padding-block:110px 130px}.wf-tabs{border-radius:32px;background:#f6f5f2;padding:0;gap:0}.wf-tabs button{border-radius:32px;padding:24px}.wf-tab-card{border-radius:32px;box-shadow:0 16px 0 -1px #fff,0 17px 0 0 #eeedf1;gap:0;padding:24px;min-height:460px}.wf-tab-art{min-height:410px;border-radius:24px}.wf-tab-text{padding:40px 46px}.wf-quote{font-size:25px;line-height:1.4;letter-spacing:-.02em}
.wf-feature{padding:80px 2.5% 120px;border-radius:36px;position:relative}.wf-feat-head{max-width:1170px;grid-template-columns:1.3fr 1fr;gap:8%;margin-bottom:88px}.wf-h2l{font-size:clamp(34px,3.5vw,49px);line-height:1.08}.wf-stage{padding:0 9% 0;margin-top:110px;background:linear-gradient(#f4b49a 50%,#fff);border-radius:28px;overflow:visible}.wf-win{position:relative;top:-45px;background:#f7f6f3;border-radius:16px;border-color:#e6e4e1;box-shadow:0 0 0 8px #ffffff80;overflow:hidden}.wf-canvas{padding:36px;gap:30px;grid-template-columns:1fr minmax(240px,34%);min-height:510px}.wf-col{min-width:0}.wf-step{max-width:100%}.wf-link{display:block;background:#c7c6d2;min-height:28px;flex-shrink:0}.wf-draft{margin-top:50px}.wf-add,.wf-replay{border:0;cursor:pointer;min-height:36px}.wf-add{background:#5268ec}.wf-custom-step{display:flex;align-items:center;flex-direction:column;max-width:100%}
.wf-dark{border-radius:36px;background:#252b59;padding-block:100px}.wf-term,.wf-code{background:#141933;border-color:#454b75}.wf-dark-grid{max-width:1050px;grid-template-columns:1.15fr .85fr;align-items:start}.wf-code{margin-top:80px}.wf-chain{max-width:980px;gap:20px;margin-top:60px}.wf-chain .wf-node{background:#343b70;border-color:#535986;flex:1 1 230px;max-width:280px}.wf-term pre,.wf-code pre{overflow-wrap:anywhere;min-height:280px}.wf-chain .wf-node+.wf-node{position:relative}
.wf-canvas.trace{grid-template-columns:1fr minmax(290px,36%)}.wf-trace-h{flex-wrap:wrap;gap:10px}.wf-trace-h strong{flex-basis:100%}.wf-replay{border-radius:7px;padding:6px 10px;color:#5268ec;background:#eceeff;font-size:12px}.wf-trace li{font-size:12px}.wf-state{max-width:100%;font-size:11px}.wf-trace li.done .dot{background:#5268ec;border-color:#5268ec}
.wf-proven{padding:110px 6%;gap:9%}.wf-proven-r .wf-stage{margin-top:40px;padding-inline:10%;min-height:540px}.wf-proven-r .wf-win{min-height:560px}.wf-faq{padding-inline:6%}.wf [data-rv]{opacity:1;transform:none}
@media(max-width:1100px) and (min-width:901px){.wf-float .wf-node{width:210px}.wf-hero-in{max-width:680px}.wf-hero-in h1{font-size:64px}.wf-canvas,.wf-canvas.trace{grid-template-columns:1fr 1fr;padding:24px 18px;gap:18px}}
@media(max-width:1000px){.wf-feat-head,.wf-tab-card,.wf-dark-grid,.wf-proven,.wf-faq{grid-template-columns:1fr}.wf-float{display:block}.wf-hero{padding:155px 20px 390px;min-height:900px}.wf-hero-in h1{font-size:clamp(40px,7vw,72px)}.wf-float.n1{top:auto;bottom:250px;left:8%}.wf-float.n2{top:auto;bottom:145px;right:8%}.wf-float.n3{top:auto;bottom:40px;right:30%}.wf-float.n4,.wf-float.n5,.wf-float.n6{display:none}.wf-hero .wf-lines{display:none}.wf-tab-text{padding:30px 16px}.wf-code{margin-top:0}.wf-proven-r{margin-top:55px}.wf-stage{padding-inline:5%}.wf-canvas,.wf-canvas.trace{grid-template-columns:1fr}.wf-draft{margin-top:0}.wf-feat-head{gap:24px;margin-bottom:65px}.wf-tabs-sec{padding-top:40px}.wf-tab-art{min-height:330px}.wf-sheet{padding-top:70px}}
@media(max-width:600px){.wf-hero{padding:125px 20px 355px;min-height:0}.wf-hero-in h1{font-size:clamp(34px,9vw,50px)}.wf-hero-in h1 br{display:none}.wf-hero-in p{font-size:16px}.wf-float .wf-node{width:230px}.wf-float.n1{left:5%;bottom:245px}.wf-float.n2{right:5%;bottom:145px}.wf-float.n3{right:18%;bottom:45px}.wf-sheet,.wf-feature,.wf-dark,.wf-proven,.wf-faq{padding-inline:20px}.wf-pillars article{padding:28px}.wf-tab-card{padding:12px;min-height:0}.wf-tabs button{padding:20px 12px;font-size:19px}.wf-tab-art{min-height:270px}.wf-stack span{width:210px}.wf-quote{font-size:22px}.wf-feature{padding-block:60px}.wf-stage{margin-top:70px;padding-inline:12px}.wf-win{top:-25px}.wf-canvas,.wf-canvas.trace{padding:22px 12px}.wf-draft,.wf-trace{padding:16px}.wf-bar{padding:12px;gap:4px}.wf-add{font-size:11px}.wf-term pre,.wf-code pre{font-size:12px;padding:16px}.wf-h2{font-size:36px}.wf-acc summary{font-size:18px}.wf-dark{border-radius:26px}.wf-proven{padding-top:70px}.wf-faq{padding-bottom:75px}}

.wf:not(.has-scenes) [data-seq] [data-s],.wf:not(.has-scenes) [data-seq] .sq{opacity:1;transform:none}
.wf-scenario-window{width:86%;background:#fff;border:1px solid #ffffff90;border-radius:16px;box-shadow:0 24px 40px #252b5925;transform:rotate(-3deg);overflow:hidden}.wf-tab-art[data-art="1"] .wf-scenario-window{transform:rotate(3deg)}.wf-scenario-window .wf-bar>span{margin-left:8px;color:#747789;font-size:11px}.wf-scenario-heading{padding:24px;display:grid;gap:12px}.wf-scenario-heading small{font-size:9px;letter-spacing:.1em}.wf-scenario-heading strong{font-size:24px;font-weight:500;letter-spacing:-.04em;line-height:1.1}.wf-scenario-heading>span{font-size:11px;color:#777}.wf-scenario-window .qr-mini-table{border-radius:0;box-shadow:none}.wf-dark-stage{position:relative;max-width:1100px;min-height:630px;margin:80px auto 0;border:1px solid #62678a;border-radius:18px;background:radial-gradient(#ffffff12 1px,transparent 1px);background-size:22px 22px;padding:50px 0 40px}.wf-dark-stage:before{content:'•••';position:absolute;top:7px;left:20px;letter-spacing:4px;color:#8c90a8}.wf-dark-stage .wf-chain{flex-direction:column;align-items:center;margin:0 auto;gap:30px}.wf-dark-stage .wf-chain .wf-node{flex:none;width:260px;max-width:85%;min-width:0;min-height:66px}.wf-dark-stage .wf-chain .wf-node+.wf-node:before{content:'';position:absolute;bottom:100%;left:50%;height:31px;width:1px;background:#8589a3}.wf-dark-stage .wf-dark-grid{display:contents}.wf-dark-stage .wf-term{position:absolute;left:-3%;bottom:50px;width:29%;min-height:0}.wf-dark-stage .wf-code{position:absolute;right:-3%;top:70px;width:29%;min-height:0}.wf-dark-stage pre{font-size:11px;padding:16px;min-height:200px;line-height:1.6}.wf-dark-stage .wf-code pre{min-height:170px}.wf-dark-stage .wf-bar{padding:10px}
@media(max-width:1000px){.wf-dark-stage{padding:24px 16px}.wf-dark-stage .wf-dark-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:12px 0 28px}.wf-dark-stage .wf-term,.wf-dark-stage .wf-code{position:static;width:auto;margin:0}.wf-dark-stage .wf-chain .wf-node{width:300px}}
@media(max-width:600px){.wf-scenario-heading{padding:18px}.wf-scenario-heading strong{font-size:21px}.wf-scenario-window{width:92%}.wf-dark-stage{margin-top:40px;padding-inline:12px}.wf-dark-stage .wf-dark-grid{grid-template-columns:1fr}.wf-dark-stage pre{min-height:170px}.wf-dark-stage .wf-chain .wf-node{max-width:100%}}

.wf-seealso{font-size:15px;color:#555;margin:0 0 22px}.wf-seealso a{color:#4256e0;text-decoration:underline;text-underline-offset:3px}