.tour{--tour-ring:#f59e0b;grid-template-columns:minmax(0,1fr);gap:2.5rem;display:grid}.tour-main{min-width:0}.tour-stage,.tour-controls{display:none}.tour-steps{gap:3.5rem;display:grid}.tour-step{scroll-margin-top:5.5rem}.tour-fig{margin:0 0 1.25rem}.tour-fig-frame{position:relative}.tour-fig-img{width:100%;height:auto;display:block}.tour-fig-ring{border:2px solid var(--tour-ring);box-shadow:0 0 0 4px color-mix(in srgb, var(--tour-ring) 28%, transparent);pointer-events:none;border-radius:6px;position:absolute}.tour-kicker{color:var(--color-accent);flex-wrap:wrap;gap:.5rem;display:flex}.tour-chapter-list{gap:.25rem;display:grid}.tour-chapter{color:var(--color-ink-soft);border-radius:6px;align-items:center;gap:.75rem;padding:.5rem .75rem;font-size:.875rem;line-height:1.35;transition:background-color .16s,color .16s;display:flex}.tour-chapter:hover{background-color:var(--color-surface);color:var(--color-ink)}.tour-chapter-num{background-color:var(--color-surface-2);width:1.75rem;height:1.75rem;color:var(--color-ink-soft);border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;font-size:.65rem;transition:background-color .16s,color .16s;display:inline-flex}.tour-chapter-title{min-width:0}.tour-js .tour-stage{scroll-margin-top:5.5rem;display:block}.tour-js .tour-controls{display:flex}.tour-js .tour-fig{display:none}.tour-js .tour-chapter[aria-current=true]{background-color:var(--color-accent-soft);color:var(--color-accent-deep);font-weight:500}.tour-js .tour-chapter[aria-current=true] .tour-chapter-num,.tour-js .tour-chapter[data-done=true] .tour-chapter-num{background-color:var(--color-accent);color:#fff}.tour-viewport{aspect-ratio:5/4;background-color:var(--color-surface);cursor:pointer;width:100%;max-height:max(15rem,100svh - 21rem);position:relative;overflow:hidden}.tour-hint{background-color:var(--color-ink);color:#fff;opacity:0;pointer-events:none;border-radius:9999px;align-items:center;max-width:calc(100% - 2rem);padding:.55rem 1rem;font-size:.8125rem;font-weight:500;line-height:1.3;transition:opacity .26s,transform .26s;display:inline-flex;position:absolute;bottom:1rem;left:50%;transform:translate(-50%,8px);box-shadow:0 6px 20px #0f172a47}.tour-hint--on{opacity:1;transition-delay:.5s;transform:translate(-50%)}.tour-btn-next--nudge{box-shadow:0 0 0 3px var(--tour-ring), 0 0 0 7px color-mix(in srgb, var(--tour-ring) 30%, transparent);animation:1.9s ease-out infinite tour-nudge}.tour-btn-next--nudge:hover{box-shadow:0 0 0 3px var(--tour-ring), 0 0 0 7px color-mix(in srgb, var(--tour-ring) 30%, transparent)}@keyframes tour-nudge{0%{box-shadow:0 0 0 3px var(--tour-ring), 0 0 0 3px color-mix(in srgb, var(--tour-ring) 55%, transparent)}70%,to{box-shadow:0 0 0 3px var(--tour-ring), 0 0 0 14px color-mix(in srgb, var(--tour-ring) 0%, transparent)}}.tour-canvas{aspect-ratio:16/10;transform-origin:0 0;--tour-scale:1;width:100%;position:absolute;top:0;left:0}.tour-canvas--moving{transition:transform .7s cubic-bezier(.22,.8,.2,1)}.tour-shot{opacity:0;width:100%;height:100%;transition:opacity .42s;display:block;position:absolute;inset:0}.tour-shot--on{opacity:1}.tour-ring{box-sizing:border-box;border:calc(2.5px / var(--tour-scale)) solid var(--tour-ring);border-radius:calc(7px / var(--tour-scale));box-shadow:0 0 0 calc(5px / var(--tour-scale)) color-mix(in srgb, var(--tour-ring) 30%, transparent), 0 0 calc(22px / var(--tour-scale)) color-mix(in srgb, var(--tour-ring) 45%, transparent);cursor:pointer;opacity:1;transition:left .6s cubic-bezier(.22,.8,.2,1),top .6s cubic-bezier(.22,.8,.2,1),width .6s cubic-bezier(.22,.8,.2,1),height .6s cubic-bezier(.22,.8,.2,1),opacity .26s,transform .14s;position:absolute}.tour-ring:after{content:"";inset:calc(-2.5px / var(--tour-scale));border:calc(2px / var(--tour-scale)) solid var(--tour-ring);border-radius:inherit;animation:1.9s ease-out infinite tour-pulse;position:absolute}.tour-ring--off{opacity:0;pointer-events:none}.tour-ring--press{transform:scale(.94)}@keyframes tour-pulse{0%{opacity:.7;transform:scale(1)}70%,to{opacity:0;transform:scale(1.22,1.5)}}.tour-pointer{transform-origin:0 0;width:24px;height:24px;transform:scale(calc(1 / var(--tour-scale)));filter:drop-shadow(0 2px 3px #0f172a59);pointer-events:none;opacity:0;transition:left .7s cubic-bezier(.22,.8,.2,1),top .7s cubic-bezier(.22,.8,.2,1),opacity .26s;position:absolute;top:50%;left:50%}.tour-pointer--on{opacity:1}.tour-pointer svg{display:block}.tour-progress{background-color:var(--color-surface-2);border-radius:9999px;height:3px;margin-top:.875rem;overflow:hidden}.tour-progress span{background-color:var(--color-accent);width:0;height:100%;transition:width .4s;display:block}.tour-js .tour-steps{gap:0;margin-top:1.75rem}.tour-js .tour-step{display:none}.tour-js .tour-step--on{animation:.34s tour-caption;display:block}@keyframes tour-caption{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.tour-controls{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:1rem}.tour-btn{padding:.7rem 1.1rem}.tour-btn[disabled]{opacity:.4;cursor:default}.tour-btn-next{margin-left:auto}.tour-count{color:var(--color-ink-muted);font-size:.75rem}.tour-icon-pause{display:none}@media (width<=479px){.tour-count{display:none}.tour-btn{padding:.7rem .9rem}.tour-btn-play{position:relative}.tour-btn-play svg{margin-right:0}.tour-btn-play [data-tour-play-label]{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.tour-btn-play[aria-pressed=true] .tour-icon-play{display:none}.tour-btn-play[aria-pressed=true] .tour-icon-pause{display:block}@media (width>=640px){.tour-viewport{aspect-ratio:16/10}}@media (width>=1024px){.tour{grid-template-columns:15rem minmax(0,1fr);align-items:start;gap:3rem}.tour-chapters{position:sticky;top:6rem}}@media (width<=1023px){.tour-js .tour-chapters{order:2}.tour-chapter-list{grid-template-columns:repeat(auto-fill,minmax(15rem,1fr))}}@media (prefers-reduced-motion:reduce){.tour-ring:after{opacity:0;animation:none}.tour-btn-next--nudge{animation:none}}