/* Field Guide — shared "inert control" tooltip, loaded on every real
   page (see components.js's own showInertTooltip()/buildInertTooltip()/
   hideInertTooltip()). Extracted from modal-citation.css's own original
   .tooltip-citation rule (Reference doc, Section 64) — that was this
   pattern's first, single-consumer version; this is its 2nd-consumer
   extraction into a file every real page loads, per NAMING.md's own
   "duplicate once, extract at the 2nd/3rd" discipline. Deliberately a
   solid ink pill regardless of theme, matching modal-citation.js's own
   original citation tooltip exactly — a floating status message reads
   better as a fixed, high-contrast surface than as one more themed
   element blending into the page around it.

   z-index: 25 — intentionally above .menu-hamburger/.menu-profile's own
   20 (Reference doc, masthead.css), since this tooltip is routinely
   triggered by clicking an inert item inside one of those still-open
   dropdowns and must render on top of it, not underneath. */
.tooltip-inert {
  position: fixed;
  z-index: 25;
  max-width: 220px;
  padding: var(--space-2) var(--space-3);
  border-radius: var(--radius-card);
  background: var(--color-ink);
  color: var(--color-surface);
  font-family: var(--font-ui);
  font-size: var(--ui-caption-size);
  font-weight: var(--w-medium);
  box-shadow: 0 var(--space-1) var(--space-2) color-mix(in srgb, var(--color-faint) 35%, transparent);
  pointer-events: none;
}