.tour-launch { border: 0; background: transparent; color: #64748b; cursor: pointer; font-size: 11px; padding: 4px 6px; text-decoration: underline; text-underline-offset: 3px; }
.tour-launch:hover { color: #1e3a8a; }
.tour-header-toggle { height: 36px; padding: 0 11px; border: 1px solid #cbd5e1; border-radius: 8px; background: #fff; color: #475569; cursor: pointer; font-size: 10px; font-weight: 800; letter-spacing: .04em; white-space: nowrap; }
.tour-header-toggle:hover { border-color: #1e3a8a; color: #1e3a8a; }
.tour-focus { position: relative !important; z-index: 1002 !important; border-radius: 10px; box-shadow: 0 0 0 4px #fbbf24, 0 0 0 9999px rgba(15, 23, 42, .56) !important; }
.tour-card { position: fixed; z-index: 1003; width: min(360px, calc(100vw - 28px)); padding: 18px; border: 1px solid #dbe3ef; border-radius: 14px; background: #fff; box-shadow: 0 18px 50px rgba(15, 23, 42, .24); color: #0f172a; }
.tour-card h3 { margin: 0 0 7px; font-size: 17px; }
.tour-card p { margin: 0; color: #475569; font-size: 13px; line-height: 1.55; }
.tour-progress { display: block; margin-bottom: 8px; color: #2563eb; font-size: 10px; font-weight: 800; letter-spacing: .08em; }
.tour-hint { display: block; margin-top: 10px; color: #1e3a8a; font-size: 11px; font-weight: 750; }
.tour-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 7px; margin-top: 15px; }
.tour-actions button { border: 1px solid #cbd5e1; border-radius: 8px; background: #fff; color: #475569; cursor: pointer; padding: 8px 10px; font-size: 11px; font-weight: 750; }
.tour-actions button:disabled { cursor: not-allowed; opacity: .42; }
.tour-actions .tour-next { border-color: #1e3a8a; background: #1e3a8a; color: #fff; }
.tour-welcome { position: fixed; inset: 0; z-index: 1100; display: grid; place-items: center; padding: 16px; background: rgba(15, 23, 42, .55); }
.tour-welcome-card { max-width: 420px; padding: 25px; border-radius: 16px; background: #fff; box-shadow: 0 20px 60px rgba(15, 23, 42, .28); }
.tour-welcome-card h2 { margin: 0 0 8px; font-size: 22px; }
.tour-welcome-card p { margin: 0; color: #475569; line-height: 1.55; }
.tour-welcome[hidden], .tour-card[hidden] { display: none !important; }
@media (max-width: 640px) { .tour-card { left: 14px !important; right: 14px !important; bottom: 14px !important; top: auto !important; width: auto; } }
@media (max-width: 640px) { .tour-card.tour-card--top { top: 14px !important; bottom: auto !important; } }