.tour-card{scrollbar-gutter:stable;overscroll-behavior:contain;animation:tour-card-in .18s ease-out}.tour-card .tour-progress{padding-right:40px;gap:12px;align-items:center;font-size:11px}.tour-progress b{white-space:nowrap}.tour-close{position:absolute;right:8px;top:4px;display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:10px;background:transparent;color:#475569;cursor:pointer}.tour-close:hover{background:#f1f5f9}.tour-close:focus-visible{outline:2px solid #15803d;outline-offset:2px}.tour-progress-track{height:4px;border-radius:99px;background:#e8f1e9;margin:14px 0 18px;overflow:hidden}.tour-progress-track span{display:block;height:100%;border-radius:inherit;background:#15803d;transition:width .18s ease}.tour-replay-note{display:block;color:#64748b;font-size:12px;line-height:1.5}.tour-card .tour-controls{position:sticky;bottom:-22px;background:#fff;padding:12px 0 4px;margin-top:10px;box-shadow:0 -8px 12px #ffffffeb}@keyframes tour-card-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media(max-width:760px){.tour-card .tour-controls{bottom:-18px}.tour-card h2{font-size:20px;line-height:1.35}}@media(prefers-reduced-motion:reduce){.tour-card{animation:none}.tour-progress-track span{transition:none}}.tour-layer .tour-scrim{background:#0f172a8f;-webkit-backdrop-filter:none;backdrop-filter:none}.tour-layer .tour-spotlight{border-width:2px;border-color:#34d399;animation:none}.tour-layer .tour-card{padding:24px;border:1px solid #dce5df;border-radius:16px}.tour-layer .tour-card .tour-progress{font-size:13px;color:#166534;min-height:20px}.tour-layer .tour-card h2{font-size:22px;line-height:1.35;margin:0 0 12px;letter-spacing:-.025em}.tour-layer .tour-card p{color:#475569;margin-bottom:20px}.tour-layer .tour-card .tour-controls{gap:8px;bottom:-24px;padding:16px 0 4px;margin-top:8px;align-items:center}.tour-layer .tour-controls .btn{font-size:14px;padding:10px 12px;min-height:44px;white-space:normal}.tour-layer .tour-controls .btn:first-child{margin-right:auto}.tour-layer .tour-replay-note{margin-top:16px}@media(max-width:760px){.tour-layer .tour-card{padding:20px}.tour-layer .tour-card .tour-controls{bottom:-20px}.tour-layer .tour-controls .btn{padding:10px 8px}}