/* ===========================================================================
   v061 - writing hints follow the POINTER, not the device
   ---------------------------------------------------------------------------
   Layered above v027..v060; nothing here edits an older file.
   Selected by [data-pointer="coarse|fine"] (set in v059-device.mjs).

   Why: the writing area used to tell everyone "Stylus writes · Finger scrolls",
   including people on a plain desktop with a mouse. The redesign flagged that as
   a first-run problem - a first-time visitor on a laptop was being taught a
   gesture they cannot perform, while the thing they CAN do (drag with the mouse)
   was never mentioned. The engine already supports the mouse; only the words
   were wrong.

   Two copies of each hint live in the markup and this file picks one, so no
   JavaScript has to run to get the text right.
   =========================================================================== */

.mouseHint { display: none; }

[data-pointer="fine"] .touchHint { display: none; }

/* `revert` (not `inline`) so the element keeps whatever display its own
   stylesheet gives it rather than being forced by this rule */
[data-pointer="fine"] .mouseHint { display: revert; }

/* The badge text is written by script, so it cannot use the pair above; this
   keeps the colour cue consistent with the legend underneath. */
[data-pointer="fine"] .inkDeviceBadge {
  color: #315efb;
}