/* GCMD Library — timestamp tooltip, Reading Room
 * (PLAN-REDESIGN-SPRINT-2026-10 item 17, static/js/ts-tip.js)
 *
 * One shared role="tooltip" element: the chapter's short label or the
 * statement's first words above a timestamp chip, on hover or keyboard
 * focus. Ink on paper, the body face, the media radius — tokens only.
 * Scoped to the Reading Room (`.rr` wrapper or `html.rr-theme`); flag off,
 * the script is not loaded and the chips keep their native `title`.
 */
.rr .gcmd-tip,
html.rr-theme .gcmd-tip {
  position: fixed;
  z-index: 200;
  max-width: min(320px, calc(100vw - 16px));
  padding: 6px 10px;
  background: var(--rr-ink);
  color: var(--rr-paper);
  border-radius: var(--rr-radius-media);
  font-family: var(--rr-font-body);
  font-size: 12.5px;
  font-weight: 500;
  line-height: 1.35;
  letter-spacing: 0;
  text-transform: none;
  text-align: left;
  white-space: normal;
  pointer-events: none;
}
.rr .gcmd-tip[hidden],
html.rr-theme .gcmd-tip[hidden] {
  display: none;
}