/* TwoFingerHint (components/two_finger_hint.rs): "Use two fingers to move …"
   floats over the content it explains, faded in/out by opacity — never shifts layout,
   never takes a touch. */
.tfh-hint {
  position: absolute;
  left: 50%;
  bottom: 16px;
  transform: translateX(-50%);
  padding: 6px 14px;
  border-radius: 100px;
  background: var(--ink);
  color: var(--bg);
  font-size: var(--fs-14);
  white-space: nowrap;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 5;
}
.tfh-hint.tfh-hint-on {
  opacity: 0.88;
}