.q-demo{display:block;position:relative;max-width:1320px;margin-top:30px;scroll-margin-top:80px}
.guide-stage{position:sticky;display:flex;flex-direction:column;gap:17px}
.guide-heading{display:flex;justify-content:space-between;align-items:baseline;gap:15px;color:#5f5a51;font:400 18px/1.4 Zen,system-ui;padding:0 5px}
.guide-scroll-hint{font:12px/1.5 system-ui;color:#999184}
.guide-preview{position:relative;width:100%;min-width:0}
#qorqbot-abstraction{position:absolute;top:0;transform-origin:top left;grid-template-columns:84px minmax(0,1fr) minmax(0,1fr);min-height:710px;max-width:none;isolation:isolate;border-radius:18px}
#qorqbot-abstraction .rail{grid-row:auto;padding:25px 9px 16px}
#qorqbot-abstraction .chat{min-height:0;border-right:1px solid #29292c}
#qorqbot-abstraction .focus{grid-column:auto;border-top:0;min-height:0;padding:30px;gap:36px}
#qorqbot-abstraction .conversation{padding:30px;gap:30px}
#qorqbot-abstraction .chathead{padding:25px 28px}
#qorqbot-abstraction .composer{margin:18px 20px 20px}
#qorqbot-abstraction button:not([data-view]){cursor:default}
#qorqbot-abstraction button:not([data-view]):hover{box-shadow:none;background-color:transparent}
#qorqbot-abstraction .selected:hover{background:#1c1c1f}
#qorqbot-abstraction .toggle button:disabled{opacity:1;cursor:default}
#qorqbot-abstraction .guide-spotlight{position:absolute;z-index:6;pointer-events:none;border:1px solid #d5eeeb30;border-radius:20px;box-shadow:0 0 0 2400px #03050670,0 0 45px 10px #b6e0d61a;transition:left 1.15s cubic-bezier(.22,1,.36,1),top 1.15s cubic-bezier(.22,1,.36,1),width 1.15s cubic-bezier(.22,1,.36,1),height 1.15s cubic-bezier(.22,1,.36,1);box-sizing:border-box}
.guide-copy{position:absolute;z-index:9;box-sizing:border-box;padding:25px 27px 20px;background:linear-gradient(145deg,#8caaa52d,#253c36b8);backdrop-filter:blur(26px) saturate(1.25);-webkit-backdrop-filter:blur(26px) saturate(1.25);border:1px solid #d7eee335;border-top-color:#d7eee34f;border-radius:22px;box-shadow:0 16px 60px #0005,inset 0 1px 0 #ffffff0c;color:#edf2ee;text-align:left;transition:left 1.15s cubic-bezier(.22,1,.36,1),top 1.15s cubic-bezier(.22,1,.36,1);min-width:0}
.guide-progress{display:flex;align-items:center;gap:18px;margin-bottom:20px}
.guide-counter{font:11px/1.5 system-ui;letter-spacing:.13em;white-space:nowrap;color:#bdcdc4;font-variant-numeric:tabular-nums}
.guide-track{height:1px;flex:1;background:#e1eee32b}
.guide-track span{display:block;height:1px;background:#d6e6d8;transition:width 1s cubic-bezier(.22,1,.36,1)}
.guide-copy h2{font:400 27px/1.2 Zen,system-ui;letter-spacing:-.02em;margin:0 0 18px;color:#f1f5ef}
.guide-copy p{font:14px/1.65 system-ui;margin:0 0 13px;color:#e0e9e1}
.guide-copy .guide-detail{font-size:12px;line-height:1.65;color:#aabfb1}
.guide-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:23px}
.guide-controls button{background:none;border:0;padding:8px 0;font:12px/1.5 system-ui;color:#e2eee3;cursor:pointer;min-height:36px}
.guide-controls button:disabled{opacity:.28;cursor:default}
.guide-controls button:hover:not(:disabled){color:#fff}
.guide-controls button:focus-visible{outline:2px solid #e0eee3;outline-offset:4px}
.guide-announcement{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:899px){.guide-copy{padding:21px 23px 16px}.guide-copy h2{font-size:24px;margin-bottom:12px}.guide-copy p{font-size:13px}.guide-copy .guide-detail{font-size:12px;line-height:1.55}.guide-controls{margin-top:15px}.guide-heading{font-size:15px}.guide-scroll-hint{font-size:11px}.guide-progress{margin-bottom:16px}}
@media(prefers-reduced-motion:reduce){#qorqbot-abstraction .guide-spotlight,.guide-track span,.guide-copy{transition:none}}
/* Slightly stronger focus, with brighter and more prominent owner-supplied copy. */
#qorqbot-abstraction .guide-spotlight{border-color:#d5eeeb75;box-shadow:0 0 0 2400px #0305068a,0 0 45px 10px #b6e0d622}
.guide-copy h2{font-size:30px;color:#f5faf5;font-weight:500}
.guide-copy p{font-size:16px;line-height:1.6;color:#f0f6ef}
.guide-copy .guide-detail{font-size:14px;line-height:1.6;color:#d4e2d6;white-space:pre-line}
@media(max-width:899px){.guide-copy h2{font-size:26px}.guide-copy p{font-size:14px}.guide-copy .guide-detail{font-size:13px;line-height:1.55}}