.tour-panel { position: fixed; right: 1rem; bottom: 1rem; z-index: 1050; width: min(22rem, calc(100vw - 2rem)); padding: 1rem; background: var(--bs-body-bg); border: 1px solid var(--bs-border-color); border-radius: .8rem; box-shadow: 0 .5rem 2rem rgba(0,0,0,.18); }
.tour-panel-top, .tour-actions, .tour-links { display: flex; align-items: center; justify-content: space-between; gap: .5rem; }
.tour-kicker { color: var(--bs-primary); font-size: .7rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.tour-panel h2 { font-size: 1.1rem; margin: .45rem 0; }
.tour-panel p { font-size: .9rem; margin: .35rem 0 .7rem; }
.tour-hint { color: var(--bs-secondary-color); font-size: .78rem !important; }
.tour-links { justify-content: flex-end; margin-top: .35rem; }
[data-tour-highlight] { outline: 3px solid #f0ad4e; outline-offset: 5px; scroll-margin: 7rem; }
.tour-card { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-top: 1.5rem; padding: 1.15rem; border: 1px solid rgba(20,40,70,.18); border-radius: .75rem; background: rgba(255,255,255,.72); }
.tour-card h2 { margin: .25rem 0; font-size: 1.3rem; }
.tour-card p { margin: 0 0 .2rem; }
.tour-card small { color: #667085; }
@media (max-width: 540px) { .tour-panel { right: .5rem; bottom: .5rem; } .tour-card { align-items: flex-start; flex-direction: column; } }
@media (prefers-reduced-motion: reduce) { [data-tour-highlight] { scroll-margin: 1rem; } }