/* ——— экскурсия для показа ——— */
.tour-ring {
  position: fixed; z-index: 310; pointer-events: none; border-radius: 18px;
  box-shadow: 0 0 0 2px var(--accent), 0 0 0 9999px rgba(48, 50, 74, .28);
  transition: all .35s var(--ease);
}
.tour-card {
  position: fixed; z-index: 320; right: 20px; top: 16px; width: 340px;
  background: #fff; border-radius: 20px; box-shadow: var(--sh-modal);
  padding: 16px 18px 14px; animation: rise .2s ease-out;
}
.tour-card.bottom { top: auto; bottom: 20px; }
.tour-card.left { right: auto; left: 100px; }
.tour-card .tc-k { display: flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 500; color: var(--ink-3); }
.tour-card .tc-k .n { font-variant-numeric: tabular-nums; }
.tour-card .tc-k .sp { flex: 1; }
.tour-card h3 { font-size: 16px; margin: 6px 0 4px; line-height: 1.35; }
.tour-card p { margin: 0; font-size: 14px; line-height: 1.5; color: var(--ink-2); }
.tour-card .tc-f { display: flex; align-items: center; gap: 8px; margin-top: 14px; }
.tour-card .tc-f .sp { flex: 1; }
.tour-dots { display: flex; gap: 4px; flex-wrap: wrap; max-width: 150px; }
.tour-dots i { width: 6px; height: 6px; border-radius: 50%; background: var(--line); }
.tour-dots i.on { background: var(--accent); width: 16px; border-radius: 4px; }
.tour-dots i.done { background: #99B7E7; }
.nav-i.tour-btn { color: var(--ink); margin-bottom: 2px; }
.nav-i.tour-btn svg { color: var(--accent); }