.wf-guide-launcher,.wf-guide-dialog{font-family:system-ui,-apple-system,'Malgun Gothic',sans-serif;line-height:1.55;color:#f7f1e8}.wf-guide-dialog *{box-sizing:border-box}.wf-guide-launcher{position:fixed;right:24px;bottom:max(22px,env(safe-area-inset-bottom));z-index:90;border:1px solid #eed6a0;border-radius:40px;padding:15px 22px;background:linear-gradient(135deg,#e9cf95,#c7a361);color:#20162d;font-size:20.8px;font-weight:650;cursor:pointer;box-shadow:0 8px 32px #0b061799;min-height:48px}.wf-guide-dialog{width:min(1040px,calc(100vw - 40px));max-width:none;max-height:calc(100dvh - 40px);padding:0;border:0;background:transparent;overflow:visible;box-shadow:none}.wf-guide-dialog[open]{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(320px,1fr);align-items:center;gap:14px}.wf-guide-dialog::backdrop{background:#060619ba;backdrop-filter:blur(8px)}.wf-guide-dialog:not([open]){display:none}.wf-guide-scene{position:relative;min-height:460px;display:flex;flex-direction:column;justify-content:center;isolation:isolate;perspective:900px}.wf-guide-aura{position:absolute;width:98%;aspect-ratio:1;border:1px solid #e7c98755;border-radius:50%;background:radial-gradient(ellipse,#b68bea35 0%,#8a59b916 42%,transparent 68%);box-shadow:0 0 65px #b27ff13b,inset 0 0 45px #ddb57617;transform:rotateX(18deg);z-index:-1}.wf-guide-aura:after{content:'';position:absolute;inset:8%;border:1px dashed #dfc99c45;border-radius:50%}.wf-guide-portrait{position:relative;width:100%;aspect-ratio:1;background-repeat:no-repeat;background-size:300% 200%;background-position:100% 100%;border-radius:45% 45% 32% 32%;box-shadow:0 22px 45px #03031399;animation:wf-guide-float 6s ease-in-out infinite;mask-image:linear-gradient(#000 80%,transparent);filter:drop-shadow(0 0 18px #a88fe65c)}.wf-guide-caption{text-align:center;margin:10px 0;color:#f7e6ba;font-size:18.2px;text-shadow:0 2px 8px #000}.wf-guide-panel{display:flex;flex-direction:column;min-height:0;max-height:calc(100dvh - 44px);border:1px solid #c9b08166;border-radius:24px;background:linear-gradient(150deg,#201c36fa,#111324fd);box-shadow:0 28px 90px #0007;overflow:auto}.wf-guide-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:25px 24px 18px;border-bottom:1px solid #ddc59522}.wf-guide-header h2{font-family:inherit;font-size:clamp(28.6px,3.38vw,37.7px);line-height:1.35;margin:8px 0 0;color:#fff1cf;letter-spacing:-.04em}.wf-guide-kicker{font-size:14.3px;letter-spacing:.12em;color:#dec38e}.wf-guide-close{flex-shrink:0;width:42px;min-height:42px;border:1px solid #ddc59544;border-radius:50%;color:#f2e5cc;background:#ffffff09;font-size:33.8px;cursor:pointer}.wf-guide-transcript{padding:20px 23px 6px;min-height:110px;max-height:220px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;flex:1 1 auto}.wf-guide-message{margin:0 0 14px;max-width:94%;padding:13px 15px;border:1px solid #b5a7d221;border-radius:3px 17px 17px 17px;background:#ffffff08;font-size:19.5px;overflow-wrap:anywhere}.wf-guide-message p{font:inherit;line-height:1.7;margin:0;color:#eae5f1}.wf-guide-message.is-user{margin-left:auto;border-radius:17px 3px 17px 17px;background:#dbc3941b;border-color:#dfc69550}.wf-guide-route{display:inline-block;margin-top:10px;color:#f3d699;font-size:19.5px;font-weight:600;text-underline-offset:4px}.wf-guide-quick{display:flex;flex-wrap:wrap;gap:7px;padding:8px 23px 16px}.wf-guide-quick button{font:inherit;font-size:16.9px;padding:9px 12px;min-height:40px;color:#ead8af;background:#d9bd8a09;border:1px solid #c9ac734f;border-radius:20px;cursor:pointer}.wf-guide-quick button:hover{background:#d9bd8a22;border-color:#f1d49a}.wf-guide-form{display:flex;gap:8px;margin:0 23px 14px;padding:6px;border:1px solid #bcabce77;border-radius:13px;background:#07091866}.wf-guide-form input{width:100%;min-width:0;min-height:44px;border:0;padding:8px;color:#fff;background:transparent;outline-offset:0;font:inherit;font-size:20.8px;border-radius:7px;margin:0}.wf-guide-form input::placeholder{color:#b7aec9}.wf-guide-send{flex-shrink:0;font:inherit;font-size:18.2px;min-height:44px;border:0;border-radius:9px;padding:8px 14px;background:#e8cf9e;color:#291e32;cursor:pointer}.wf-guide-footer{padding:0 23px 18px;color:#bdb5ca;font-size:15.6px}.wf-guide-region-label{display:inline-block;font-size:15.6px;margin-right:8px;color:#c8bfd5}.wf-guide-footer select{font:inherit;font-size:16.9px;min-height:36px;padding:6px 9px;border:1px solid #c5b58c55;border-radius:7px;background:#242238;color:#f7e9cb;width:auto;max-width:100%;margin:0}.wf-guide-basis,.wf-guide-note{font-size:14.3px;line-height:1.65;color:#bcb4ca;margin:8px 0}.wf-guide-languages{display:flex;gap:15px;flex-wrap:wrap;margin:9px 0}.wf-guide-languages a{font-size:15.6px;color:#c4bdd6;text-underline-offset:3px}.wf-guide-languages a[aria-current]{color:#f4d696}.wf-guide-dialog :focus-visible,.wf-guide-launcher:focus-visible{outline:3px solid #a8ddf6;outline-offset:3px}@keyframes wf-guide-float{0%,100%{transform:translateY(0) rotateY(-3deg)}50%{transform:translateY(-9px) rotateY(3deg)}}@media(max-width:720px){.wf-guide-launcher{right:14px;bottom:max(14px,env(safe-area-inset-bottom));font-size:18.2px;padding:12px 17px}.wf-guide-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);overflow:auto;margin:auto}.wf-guide-dialog[open]{display:block}.wf-guide-scene{min-height:0;height:125px;width:145px;margin:0 auto -6px;z-index:1}.wf-guide-portrait{width:135px;height:135px;min-height:135px;margin:auto;mask-image:linear-gradient(#000 82%,transparent)}.wf-guide-aura{width:130px;top:0;left:7px}.wf-guide-caption{display:none}.wf-guide-panel{max-height:calc(100dvh - 150px);border-radius:20px}.wf-guide-header{padding:16px 17px 12px;flex-shrink:0}.wf-guide-header h2{font-size:28.6px}.wf-guide-transcript{padding:15px 17px 3px;min-height:90px;max-height:180px;flex-shrink:0}.wf-guide-quick{padding:7px 17px 12px;gap:6px}.wf-guide-quick button{font-size:15.6px;padding:8px 10px}.wf-guide-form{margin:0 17px 10px;flex-shrink:0}.wf-guide-footer{padding:0 17px 14px}.wf-guide-message{font-size:18.2px}.wf-guide-close{min-height:40px;width:40px}.wf-guide-kicker{font-size:13px}}@media(max-height:540px){.wf-guide-scene{display:none}.wf-guide-dialog[open]{display:block;width:min(560px,calc(100vw - 20px))}.wf-guide-panel{max-height:calc(100dvh - 20px)}.wf-guide-transcript{max-height:110px}}@media(prefers-reduced-motion:reduce){.wf-guide-portrait{animation:none}.wf-guide-dialog *{scroll-behavior:auto!important}}
/* 2026-09-23: non-modal 3D corner companion */
.wf-guide-dialog{position:fixed;inset:100px 18px auto auto;margin:0;width:248px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 116px);overflow:auto;z-index:95;border-radius:22px;background:linear-gradient(155deg,#161529f5,#111126eb);border:1px solid #d6bc864d;box-shadow:0 12px 45px #0004;scrollbar-width:thin}
.wf-guide-dialog[open]{display:block}.wf-guide-dialog[data-side=left]{left:18px;right:auto}.wf-guide-dialog::backdrop{background:none;backdrop-filter:none;pointer-events:none}
.wf-guide-tools{display:flex;justify-content:flex-end;gap:5px;padding:7px 9px 0;position:relative;z-index:2}.wf-guide-tools button{font:inherit;font-size:26px;width:32px;min-height:32px;line-height:1;border:1px solid #d7c28b3b;border-radius:50%;background:#252039;color:#eee0bf;cursor:pointer}.wf-guide-fold{display:none}.chat-open .wf-guide-fold{display:block}
.wf-guide-scene{min-height:0;display:block;perspective:none;padding:0 12px 12px;isolation:auto}.wf-guide-aura{width:180px;height:180px;top:44px;left:calc(50% - 90px);z-index:0;pointer-events:none;opacity:.55}.wf-guide-portrait{height:220px;width:100%;aspect-ratio:auto;border-radius:0;box-shadow:none;animation:none;mask-image:none;filter:none;position:relative;z-index:1;background-size:300% 200%}.wf-guide-portrait canvas{display:block;width:100%;height:100%;touch-action:pan-y;cursor:grab}.wf-guide-portrait canvas:active{cursor:grabbing}.wf-guide-portrait[data-render=webgl]{background:none!important}.wf-guide-caption{margin:0 0 7px;font-size:14.3px}.wf-guide-greeting{font:inherit;font-size:19.5px;font-weight:650;padding:11px 8px;width:100%;border:1px solid #c9ac75;border-radius:12px;background:#ead39f;color:#241b32;cursor:pointer;position:relative;z-index:1}.wf-guide-hint{font-size:13px;color:#c0b5d0;text-align:center;margin:7px 0 0}
.wf-guide-dialog .wf-guide-panel[hidden]{display:none}.wf-guide-panel{max-height:none;border:0;border-top:1px solid #c9b08144;border-radius:0;background:#151527;box-shadow:none;overflow:visible}.wf-guide-header{padding:13px 15px 8px}.wf-guide-header h2{font-size:23.4px}.wf-guide-kicker{font-size:13px}.wf-guide-transcript{padding:12px 14px 2px;max-height:160px;min-height:80px;flex:none}.wf-guide-message{font-size:18.2px;padding:10px 11px}.wf-guide-quick{padding:6px 14px 10px;gap:5px}.wf-guide-quick button{font-size:15.6px;padding:7px 9px;min-height:34px}.wf-guide-form{margin:0 14px 10px}.wf-guide-footer{padding:0 14px 12px}.wf-guide-dialog.chat-open{width:340px}.chat-open .wf-guide-portrait{height:140px}.chat-open .wf-guide-hint{display:none}.chat-open .wf-guide-greeting{display:none}.wf-guide-launcher{right:18px;top:100px;bottom:auto;font-size:18.2px;padding:12px 16px}.wf-guide-docked .wf-guide-launcher{display:none}
@media(min-width:1100px){body.wf-guide-docked{margin-right:284px}body.wf-guide-docked[data-guide-side=left]{margin-right:0;margin-left:284px}}
@media(max-width:720px){.wf-guide-dialog{top:88px;right:10px;width:164px;max-height:calc(100dvh - 100px)}.wf-guide-dialog[data-side=left]{left:10px}.wf-guide-scene{height:auto;width:auto;margin:0;padding:0 8px 8px}.wf-guide-portrait{width:100%;height:140px;min-height:0;margin:0}.wf-guide-aura{width:110px;height:110px;left:calc(50% - 55px);top:36px}.wf-guide-caption{display:none}.wf-guide-greeting{font-size:15.6px;padding:9px 5px}.wf-guide-hint{display:none}.wf-guide-dialog.chat-open{width:min(340px,calc(100vw - 20px))}.chat-open .wf-guide-portrait{height:95px}.wf-guide-tools{padding:5px 6px 0}.wf-guide-launcher{top:88px;right:10px}.wf-guide-panel{max-height:none}.wf-guide-header h2{font-size:23.4px}}
@media(max-height:540px){.wf-guide-dialog,.wf-guide-dialog[open]{top:70px;width:180px;max-height:calc(100dvh - 80px)}.wf-guide-scene{display:block}.wf-guide-portrait{height:100px}.wf-guide-dialog.chat-open{width:330px}.chat-open .wf-guide-scene{display:none}.wf-guide-panel{max-height:none}}
@media(prefers-reduced-motion:reduce){.wf-guide-portrait,.wf-guide-aura{animation:none!important;transition:none!important}}
@media(min-width:1100px){body.wf-guide-docked{margin-right:var(--wf-guide-width,284px)}body.wf-guide-docked[data-guide-side=left]{margin-right:0;margin-left:var(--wf-guide-width,284px)}}
@media(max-width:1099px){.wf-guide-dialog{position:absolute}body.wf-guide-docked main{padding-top:var(--wf-guide-space,260px)}}
/* Reference refinement: floating full-length figure and adjacent speech bubble. */
body.wf-guide-docked,body.wf-guide-docked[data-guide-side=left]{margin-left:0;margin-right:0}body.wf-guide-docked main{padding-top:0}
.wf-guide-dialog,.wf-guide-dialog[open]{position:fixed;top:108px;right:18px;left:auto;width:390px;max-width:calc(100vw - 20px);height:auto;max-height:calc(100dvh - 120px);background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible;pointer-events:none}
.wf-guide-dialog[data-side=left]{left:18px;right:auto}.wf-guide-dialog .wf-guide-tools{position:absolute;top:0;right:0;padding:0;pointer-events:auto}.wf-guide-tools button{background:#141329b8;border-color:#c9b88b60;width:28px;min-height:28px;font-size:22.1px}.wf-guide-scene{position:relative;padding:0;display:grid;grid-template-columns:210px 180px;align-items:center;min-height:0;height:340px;width:100%;margin:0}.wf-guide-aura,.wf-guide-caption,.wf-guide-hint{display:none}.wf-guide-portrait{grid-column:2;grid-row:1;height:340px;width:180px;min-height:0;margin:0;pointer-events:auto;background-color:transparent}.wf-guide-portrait canvas{filter:drop-shadow(0 10px 10px #0004)}
.wf-guide-greeting{grid-column:1;grid-row:1;align-self:center;position:relative;text-align:left;width:208px;padding:20px 16px;color:#201b30;background:#fffaf0;border:1px solid #d7c9ad;border-radius:16px;font-size:23.4px;line-height:1.45;font-weight:650;box-shadow:0 8px 30px #0002;pointer-events:auto}.wf-guide-greeting:after{content:'';position:absolute;right:-8px;top:55%;width:14px;height:14px;transform:rotate(45deg);background:#fffaf0;border-top:1px solid #d7c9ad;border-right:1px solid #d7c9ad}.wf-guide-bubble-label{display:block;font-size:14.3px;font-weight:400;color:#655b70;margin-bottom:8px}.wf-guide-bubble-link{display:block;color:#755a2c;font-size:15.6px;font-weight:500;margin-top:13px}
.wf-guide-dialog[data-side=left] .wf-guide-scene{grid-template-columns:180px 210px}.wf-guide-dialog[data-side=left] .wf-guide-portrait{grid-column:1}.wf-guide-dialog[data-side=left] .wf-guide-greeting{grid-column:2}.wf-guide-dialog[data-side=left] .wf-guide-greeting:after{right:auto;left:-8px;transform:rotate(225deg)}
.wf-guide-dialog.chat-open{width:390px;overflow:auto;pointer-events:auto}.chat-open .wf-guide-scene{height:145px;display:block}.chat-open .wf-guide-portrait{height:145px;width:100px;margin-left:auto;margin-right:28px}.chat-open .wf-guide-greeting{display:none}.wf-guide-panel{border:1px solid #c9b08166;border-radius:20px;box-shadow:0 15px 40px #0004;pointer-events:auto;max-height:calc(100dvh - 270px);overflow:auto}.wf-guide-header{border-radius:20px 20px 0 0}
@media(max-width:1099px){.wf-guide-dialog,.wf-guide-dialog[open]{width:306px;top:96px}.wf-guide-scene{grid-template-columns:174px 132px;height:260px}.wf-guide-portrait{width:132px;height:260px}.wf-guide-greeting{width:172px;font-size:19.5px;padding:14px 12px}.wf-guide-dialog[data-side=left] .wf-guide-scene{grid-template-columns:132px 174px}.wf-guide-dialog.chat-open{width:340px}}
@media(max-width:720px){.wf-guide-dialog,.wf-guide-dialog[open]{position:absolute;top:78px;right:8px;width:234px;max-height:none}.wf-guide-dialog[data-side=left]{left:8px}.wf-guide-scene{grid-template-columns:152px 82px;height:126px}.wf-guide-portrait{width:82px;height:126px}.wf-guide-greeting{width:150px;padding:10px 11px;font-size:16.9px;border-radius:12px}.wf-guide-bubble-label{font-size:11.7px;margin-bottom:3px}.wf-guide-bubble-link{font-size:13px;margin-top:5px}.wf-guide-tools{transform:translateY(-24px)}.wf-guide-dialog[data-side=left] .wf-guide-scene{grid-template-columns:82px 152px}.wf-guide-dialog.chat-open{position:fixed;top:86px;width:min(340px,calc(100vw - 16px));max-height:calc(100dvh - 100px)}.chat-open .wf-guide-scene{height:96px}.chat-open .wf-guide-portrait{height:96px}.wf-guide-panel{max-height:calc(100dvh - 204px)}body.wf-guide-docked main{padding-top:0}body.wf-guide-docked .hero-inner{padding-top:132px}.wf-guide-dialog.chat-open .wf-guide-tools{transform:none}}
@media(max-height:540px) and (min-width:721px){.wf-guide-dialog,.wf-guide-dialog[open]{top:78px}.wf-guide-scene{height:200px}.wf-guide-portrait{height:200px}.chat-open .wf-guide-scene{display:none}.wf-guide-panel{max-height:calc(100dvh - 90px)}}
/* Restored illustrated guides: no synthetic 3D mesh or outer frame. */
.wf-guide-portrait[data-render=illustration]{background-repeat:no-repeat;animation:wf-illustration-breathe 7s ease-in-out infinite;filter:drop-shadow(0 8px 9px #0003);pointer-events:none}
@keyframes wf-illustration-breathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
.wf-guide-portrait[data-render=unavailable]{background:none;min-height:0}
@media(prefers-reduced-motion:reduce){.wf-guide-portrait[data-render=illustration]{animation:none}}
/* Keep restored garment and hand silhouettes visible. */
.wf-guide-dialog,.wf-guide-dialog[open]{width:450px}.wf-guide-scene{grid-template-columns:210px 240px}.wf-guide-portrait{width:240px}.wf-guide-dialog[data-side=left] .wf-guide-scene{grid-template-columns:240px 210px}
@media(max-width:1099px){.wf-guide-dialog,.wf-guide-dialog[open]{width:344px}.wf-guide-scene{grid-template-columns:174px 170px}.wf-guide-portrait{width:170px}.wf-guide-dialog[data-side=left] .wf-guide-scene{grid-template-columns:170px 174px}}
@media(max-width:720px){.wf-guide-dialog,.wf-guide-dialog[open]{width:262px}.wf-guide-scene{grid-template-columns:152px 110px}.wf-guide-portrait{width:110px}.wf-guide-dialog[data-side=left] .wf-guide-scene{grid-template-columns:110px 152px}}
.wf-guide-dialog.chat-open{width:min(390px,calc(100vw - 20px))}.chat-open .wf-guide-portrait{width:120px}

/* Give enlarged chat copy room without obscuring the page. */
.wf-guide-greeting{overflow-wrap:break-word}.wf-guide-panel input,.wf-guide-panel select{min-width:0;max-width:100%}.wf-guide-panel button{white-space:normal}
@media(max-width:720px){.wf-guide-dialog,.wf-guide-dialog[open]{top:130px}body.wf-guide-docked .hero-inner{padding-top:172px}.wf-guide-dialog.chat-open{top:86px}.wf-guide-scene{height:155px}.wf-guide-greeting{align-self:start}.chat-open .wf-guide-scene{height:96px}}

@media(min-width:801px) and (max-width:1200px){body:has(.header-inner) .wf-guide-dialog{top:174px}}
body:has(.primary-nav.is-open) .wf-guide-dialog{visibility:hidden}
/* 2026-10-05: 대화창을 펼쳤을 때 안내자 이미지가 오른쪽 위 버튼 셋과 겹치지 않게 왼쪽으로 비킨다. */
.wf-guide-dialog.chat-open .wf-guide-portrait{margin-right:104px}
/* 2026-10-11: double the guide artwork while keeping chat controls clear. */
.wf-guide-dialog,.wf-guide-dialog[open]{width:690px}
.wf-guide-scene{grid-template-columns:210px 480px;height:680px}
.wf-guide-portrait{width:480px;height:680px}
.wf-guide-dialog[data-side=left] .wf-guide-scene{grid-template-columns:480px 210px}
@media(max-width:1099px){.wf-guide-dialog,.wf-guide-dialog[open]{width:514px}.wf-guide-scene{grid-template-columns:174px 340px;height:520px}.wf-guide-portrait{width:340px;height:520px}.wf-guide-dialog[data-side=left] .wf-guide-scene{grid-template-columns:340px 174px}}
@media(max-width:720px){.wf-guide-dialog,.wf-guide-dialog[open]{width:calc(100vw - 16px);max-width:372px}.wf-guide-scene{grid-template-columns:minmax(0,1fr) 220px;height:280px}.wf-guide-portrait{width:220px;height:252px}.wf-guide-greeting{width:150px;max-width:none;z-index:1;font-size:16px}.wf-guide-dialog[data-side=left] .wf-guide-scene{grid-template-columns:220px minmax(0,1fr)}body.wf-guide-docked .hero-inner{padding-top:290px}}
.wf-guide-dialog.chat-open{width:min(390px,calc(100vw - 20px))}.chat-open .wf-guide-scene{height:290px}.wf-guide-dialog.chat-open .wf-guide-portrait{width:240px;height:290px;margin-right:104px}.chat-open .wf-guide-panel{max-height:calc(100dvh - 420px)}
@media(max-width:720px){.chat-open .wf-guide-scene{height:192px}.wf-guide-dialog.chat-open .wf-guide-portrait{width:240px;height:192px}.chat-open .wf-guide-panel{max-height:calc(100dvh - 300px)}}
@media(max-height:540px) and (min-width:721px){.wf-guide-dialog:not(.chat-open) .wf-guide-scene{height:400px}.wf-guide-dialog:not(.chat-open) .wf-guide-portrait{height:400px}.chat-open .wf-guide-scene{display:none}.chat-open .wf-guide-panel{max-height:calc(100dvh - 90px)}}
/* Match the effective compact layout: desktop 130x200 -> 260x400; mobile 82x115 -> 164x230. */
.wf-guide-dialog[open]:not(.chat-open){width:470px}
.wf-guide-dialog[open]:not(.chat-open) .wf-guide-scene{grid-template-columns:210px 260px;height:400px}
.wf-guide-dialog[open]:not(.chat-open) .wf-guide-portrait{width:260px;height:400px}
.wf-guide-dialog[open]:not(.chat-open)[data-side=left] .wf-guide-scene{grid-template-columns:260px 210px}
@media(max-width:800px){.wf-guide-dialog[open]:not(.chat-open){width:316px;max-width:calc(100vw - 16px);top:130px}.wf-guide-dialog[open]:not(.chat-open) .wf-guide-scene{grid-template-columns:152px 164px;height:230px}.wf-guide-dialog[open]:not(.chat-open) .wf-guide-portrait{width:164px;height:230px}.wf-guide-dialog[open]:not(.chat-open)[data-side=left] .wf-guide-scene{grid-template-columns:164px 152px}}
@media(max-width:330px){.wf-guide-dialog[open]:not(.chat-open) .wf-guide-scene{grid-template-columns:minmax(0,1fr) 164px}.wf-guide-dialog[open]:not(.chat-open)[data-side=left] .wf-guide-scene{grid-template-columns:164px minmax(0,1fr)}.wf-guide-dialog[open]:not(.chat-open) .wf-guide-greeting{width:140px}}
#wf-guide-dialog:not(.chat-open){width:470px;max-width:calc(100vw - 20px)}
#wf-guide-dialog:not(.chat-open) .wf-guide-scene{grid-template-columns:210px 260px;height:400px}
#wf-guide-dialog:not(.chat-open)[data-side=left] .wf-guide-scene{grid-template-columns:260px 210px}
@media(max-width:800px){#wf-guide-dialog:not(.chat-open){width:316px;top:130px}#wf-guide-dialog:not(.chat-open) .wf-guide-scene{grid-template-columns:152px 164px;height:230px}#wf-guide-dialog:not(.chat-open)[data-side=left] .wf-guide-scene{grid-template-columns:164px 152px}}
#wf-guide-dialog.chat-open .wf-guide-panel{background:#fffafc;color:#30263f;border:1px solid #d8c8e5}
#wf-guide-dialog.chat-open .wf-guide-header h2,#wf-guide-dialog.chat-open .wf-guide-kicker,#wf-guide-dialog.chat-open .wf-guide-message,#wf-guide-dialog.chat-open .wf-guide-footer{color:#30263f}
@media(max-width:800px){body.wf-home.wf-guide-docked .hero-inner{padding-top:260px!important}}
/* Mobile guide occupies its own row, so it cannot cover page text or inputs. */
.wf-guide-slot{display:contents}
@media(max-width:800px){
.wf-guide-slot{display:block}
.wf-guide-slot:has(#wf-guide-dialog[open]:not(.chat-open)){padding:18px 8px 12px;display:flex;justify-content:flex-end}
.wf-guide-slot:has(#wf-guide-dialog[data-side=left]){justify-content:flex-start}
#wf-guide-dialog[open]:not(.chat-open){position:relative;inset:auto;width:316px;max-width:100%;margin:0;max-height:none}
#wf-guide-dialog[open]:not(.chat-open) .wf-guide-scene{grid-template-columns:minmax(0,1fr) 164px;height:254px;align-items:center}
#wf-guide-dialog[open]:not(.chat-open)[data-side=left] .wf-guide-scene{grid-template-columns:164px minmax(0,1fr)}
#wf-guide-dialog[open]:not(.chat-open) .wf-guide-portrait{width:164px;height:230px}
#wf-guide-dialog[open]:not(.chat-open) .wf-guide-greeting{width:100%;max-width:100%;align-self:center;font-size:15px;overflow-wrap:anywhere}
#wf-guide-dialog[open]:not(.chat-open) .wf-guide-tools{transform:none;top:0}
body.wf-home.wf-guide-docked .hero-inner{padding-top:40px!important}
}
@media(max-width:800px){
.wf-guide-slot .wf-guide-launcher{position:static;inset:auto;margin:12px 16px;max-width:calc(100% - 32px)}
.wf-share{position:static!important;inset:auto!important;margin:16px;max-width:calc(100% - 32px)}
}
@media(max-width:800px){
.wf-guide-slot:has(#wf-guide-dialog[open].chat-open){padding:18px 8px 12px;display:flex;justify-content:flex-end}
#wf-guide-dialog[open].chat-open{position:relative;inset:auto;margin:0;width:min(390px,100%);max-height:none;overflow:visible}
#wf-guide-dialog[open].chat-open .wf-guide-portrait{margin-right:64px}
#wf-guide-dialog[open].chat-open .wf-guide-panel{max-height:min(480px,calc(100dvh - 100px))}
}