/* Guided tour for demo instances (loaded only when LMS_DEMO_MODE=1). */
.tour-ring {
  position: absolute; z-index: 900; pointer-events: none; border-radius: 10px;
  box-shadow: 0 0 0 3px var(--brand), 0 0 0 7px rgba(59, 107, 138, 0.22);
}
.tour-card {
  position: absolute; z-index: 901; width: 336px; max-width: calc(100vw - 32px);
  background: var(--ink); color: #fff; border: 1px solid var(--ink); border-radius: 12px;
  padding: 16px 18px; box-shadow: 0 18px 40px rgba(18, 35, 46, 0.35);
  font-size: 0.95rem; line-height: 1.5;
}
.tour-card-center { position: fixed; top: 90px; left: 50%; transform: translateX(-50%); }
.tour-step {
  display: block; font-size: 0.66rem; font-weight: 700; letter-spacing: 0.09em;
  text-transform: uppercase; color: #9fb3bf; margin-bottom: 6px;
}
.tour-card p { margin: 0 0 14px; }
.tour-actions { display: flex; gap: 10px; }
.tour-next {
  background: #fff; color: var(--ink); border: 1px solid #fff; border-radius: 999px;
  padding: 8px 20px; font: 700 0.9rem "Outfit", system-ui, sans-serif; cursor: pointer;
}
.tour-next:hover { background: #dce9f1; }
.tour-next:active { transform: translateY(1px); }
.tour-skip {
  background: transparent; color: #c8d3da; border: 1px solid #56707e; border-radius: 999px;
  padding: 8px 16px; font: 600 0.9rem "Outfit", system-ui, sans-serif; cursor: pointer;
}
.tour-skip:hover { color: #fff; border-color: #fff; }
.tour-skip:active { transform: translateY(1px); }