/* Hover cards (tooltip.js). */
.tip-card {
  position: fixed; z-index: 1000; pointer-events: none; max-width: 300px;
  display: flex; flex-direction: column; gap: 2px;
  background: var(--surface-2); border: 1px solid var(--accent-border-medium); border-radius: 8px;
  padding: 7px 10px; box-shadow: var(--shadow); font-size: 0.8rem; line-height: 1.4; color: var(--muted);
}
.tip-card b { color: var(--text); font-size: 0.86rem; }