/* ============================================================
   Lightbox toolbar drag handle — ADD-ON
   ------------------------------------------------------------
   Paste this anywhere inside each styles.css (e.g. just after
   your existing .lightbox-sep rule). It styles the new grip
   that lets a reader drag the zoom/print bar out of the way.
   Pairs with the updated lightbox.js. Reuses existing tokens.
   ============================================================ */

.lightbox-grip {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.9rem;
  height: 2.4rem;
  padding: 0;
  background: none;
  border: none;
  color: var(--ink-muted);
  border-radius: 999px;
  cursor: grab;
  touch-action: none;
  transition: color 0.2s ease;
}

.lightbox-grip svg {
  width: 0.95rem;
  height: 0.95rem;
}

.lightbox-grip:hover,
.lightbox-grip:focus-visible {
  color: var(--forest);
  outline: none;
}

.lightbox-toolbar.is-moving,
.lightbox-toolbar.is-moving .lightbox-grip {
  cursor: grabbing;
}