.tour-root{z-index:990;position:fixed;inset:0}.tour-root[data-mode=centre]{background:var(--color-scrim-tour-flat)}.tour-root[data-mode=centre] .tour-card{top:50%;left:50%;transform:translate(-50%,-50%)}.tour-root[data-mode=centre] .tour-spot,.tour-root[data-mode=centre] .tour-arrow{display:none}.tour-spot{pointer-events:none;box-shadow:0 0 0 9999px var(--color-scrim-tour);outline:2px solid var(--color-accent);border-radius:6px;transition:left .2s cubic-bezier(.4,0,.2,1),top .2s cubic-bezier(.4,0,.2,1),width .2s cubic-bezier(.4,0,.2,1),height .2s cubic-bezier(.4,0,.2,1);position:absolute}.tour-card{background:var(--color-bg-elevated);border:1px solid var(--color-border);width:352px;max-height:calc(100dvh - 24px);box-shadow:var(--shadow-popup);color:var(--color-text-primary);border-radius:8px;flex-direction:column;padding:14px 16px 12px;transition:left .2s cubic-bezier(.4,0,.2,1),top .2s cubic-bezier(.4,0,.2,1);display:flex;position:absolute}.tour-card:focus{outline:none}.tour-card.is-bookend{width:min(452px,100vw - 32px);padding:24px 26px 18px;transition:none}.tour-card-scroll{overscroll-behavior:contain;min-height:0;overflow-y:auto}.tour-arrow{background:var(--color-bg-elevated);border-left:1px solid var(--color-border);border-top:1px solid var(--color-border);width:10px;height:10px;position:absolute}.tour-arrow[data-side=none]{display:none}.tour-arrow[data-side=top]{margin-left:-5px;top:-6px;transform:rotate(45deg)}.tour-arrow[data-side=bottom]{margin-left:-5px;bottom:-6px;transform:rotate(225deg)}.tour-arrow[data-side=left]{margin-top:-5px;left:-6px;transform:rotate(-45deg)}.tour-arrow[data-side=right]{margin-top:-5px;right:-6px;transform:rotate(135deg)}.tour-eyebrow{letter-spacing:.09em;text-transform:uppercase;color:var(--color-accent);margin-bottom:6px;font-size:10.5px;font-weight:600}.tour-title{color:var(--color-text-bright);margin:0 0 6px;font-size:15px;font-weight:600;line-height:1.35}.tour-card.is-bookend .tour-title{margin-bottom:10px;font-size:20px}.tour-body{color:var(--color-text-muted);margin:0;font-size:12.5px;line-height:1.55}.tour-card.is-bookend .tour-body{font-size:13.5px}.tour-body b{color:var(--color-text-primary);font-weight:600}.tour-body a{color:var(--color-accent);font-weight:600;text-decoration:none}@media (hover:hover){.tour-body a:hover{text-decoration:underline}}.tour-body-aside{color:var(--color-text-dim)}.tour-foot{border-top:1px solid var(--color-border);align-items:center;gap:8px;margin-top:14px;padding-top:11px;display:flex}.tour-card.is-bookend .tour-foot{border-top:0;justify-content:flex-end;margin-top:20px;padding-top:0}.tour-dots{gap:5px;margin-right:auto;display:flex}.tour-dot{background:var(--color-text-dim);border-radius:50%;width:5px;height:5px}.tour-dot.is-on{background:var(--color-accent);transform:scale(1.25)}.tour-foot .btn-ghost{color:var(--color-text-dim);background:0 0;border-color:#0000;padding:6px 8px}@media (hover:hover){.tour-foot .btn-ghost:hover{color:var(--color-text-primary)}}@media (width<=480px){.tour-card{width:min(352px,100vw - 24px)}.tour-foot{flex-wrap:wrap}}@media (height<=520px){.tour-card,.tour-card.is-bookend{padding:10px 13px 9px}.tour-card.is-bookend .tour-title{margin-bottom:6px;font-size:16px}.tour-card.is-bookend .tour-body{font-size:12.5px}.tour-card.is-bookend .tour-foot{margin-top:12px}.tour-foot{margin-top:10px;padding-top:8px}}@media (prefers-reduced-motion:reduce){.tour-spot,.tour-card{transition:none}}.tour-offer{z-index:980;background:var(--color-bg-elevated);border:1px solid var(--color-border);max-width:calc(100vw - 24px);box-shadow:var(--shadow-popup);color:var(--color-text-primary);border-radius:999px;align-items:center;gap:10px;padding:8px 8px 8px 14px;font-size:13px;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.tour-offer-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.tour-offer-go{border-radius:999px;flex:none}.tour-offer-close{width:32px;height:32px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;font-size:18px;line-height:1}@media (hover:hover){.tour-offer-close:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}}@media (width<=768px){.tour-offer{bottom:calc(76px + env(safe-area-inset-bottom,0px));width:calc(100vw - 24px)}.tour-offer-text{white-space:normal;flex:1}}
