/* Range bar, price dot (2026-10-07). Live price: solid dot with a soft halo. Old price (class set by range-dot-age.js):
   the dot becomes a ring and the price label fades. The colour still says in range (indigo) or outside it (amber). */
.seq-rg-dot {
  box-shadow: 0 1px 3px rgba(0, 0, 0, .35), 0 0 0 3px color-mix(in srgb, var(--seq-d) 20%, transparent);
  transition: left .4s ease, background-color .35s ease, box-shadow .35s ease;
}
.seq-rg-old .seq-rg-dot {
  background: transparent;
  border-color: var(--seq-d);
  box-shadow: none;
}
.seq-rg-old .seq-rg-price { font-weight: 500; font-style: italic; opacity: .6; }
.seq-rg-old { cursor: help; }
@media (prefers-reduced-motion: reduce) {
  .seq-rg-dot { transition: none !important; }
}