.tour-backdrop{position:fixed;inset:0;z-index:2000;background:0 0}
.tour-blur{position:fixed;background:rgba(238,245,234,.35);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);pointer-events:none}
.tour-ring{position:fixed;border:3px solid var(--color-green,#080);border-radius:12px;box-shadow:0 0 0 4px rgba(0,136,0,.18);pointer-events:none;transition:top .2s ease,left .2s ease,width .2s ease,height .2s ease}
.tour-tooltip{position:fixed;z-index:2001;max-width:min(320px,calc(100vw - 32px));background:var(--color-surface,#fff);color:var(--color-text,#004b50);border-radius:14px;padding:18px 20px;box-shadow:0 18px 40px rgba(15,23,42,.24);transition:top .2s ease,left .2s ease}
.tour-tooltip__step{margin:0 0 6px;font-size:12px;font-weight:700;letter-spacing:1px;color:var(--color-green-dark,#0b4f43);text-transform:uppercase}
.tour-tooltip h2{margin:0 0 8px;font-size:18px;line-height:1.3}
.tour-tooltip p:not(.tour-tooltip__step){margin:0 0 16px;font-size:14px;line-height:1.5;color:var(--color-text-muted,#5b6b7d)}
.tour-tooltip__actions{display:flex;justify-content:space-between;gap:10px}
@media (max-width:480px){
.tour-tooltip{left:16px!important;right:16px;max-width:calc(100vw - 32px)}
}