/* ============================================================
   NIGHT ATLAS IV — instrument interactions
   (1) The timeline is draggable: grab any lane strip or the ruler
   and pull. touch-action keeps vertical page scrolling native
   while horizontal pulls reach the scrub engine.
   (2) Lanes pin open from their titles — the touch (and keyboard)
   counterpart to the mouse's dwell-to-expand.
   ============================================================ */

.ch-lanes,
.ch-ruler { touch-action: pan-y; }

.ch-lane-strip,
.ch-ruler-track { cursor: grab; }

body.nx-scrubbing,
body.nx-scrubbing .ch-lane-strip,
body.nx-scrubbing .ch-ruler-track { cursor: grabbing; }

body.nx-scrubbing {
  user-select: none;
  -webkit-user-select: none;
}

/* lane titles are toggles now */
.ch-lane-title { cursor: pointer; }

.ch-lane-title:focus-visible {
  outline: 2px solid var(--gold, #e9b949);
  outline-offset: 2px;
  border-radius: 2px;
}

/* on touch screens, show the affordance a hover can't reveal */
@media (hover: none) {
  .ch-lane-title::after {
    content: " \25BE";
    color: var(--turquoise, #3ed6c3);
    font-size: 0.9em;
  }

  .ch-lane-title[aria-expanded="true"]::after {
    content: " \25B4";
    color: var(--gold, #e9b949);
  }
}