/* Global modern tooltip system (Bootstrap 5 tooltips, restyled) */
.tooltip {
  --bs-tooltip-bg: var(--color-heading, #0f172a);
  --bs-tooltip-color: #ffffff;
  --bs-tooltip-border-radius: 8px;
  --bs-tooltip-padding-x: 0.625rem;
  --bs-tooltip-padding-y: 0.375rem;
  --bs-tooltip-font-size: var(--fs-xs, 0.75rem);
  --bs-tooltip-opacity: 0.98;
  font-family: var(--font-family-base, 'Times New Roman', Times, serif);
  z-index: 2000;
}

.tooltip-inner {
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: var(--shadow-md, 0 4px 6px -1px rgba(0, 0, 0, 0.1));
  max-width: 240px;
  word-break: break-word;
}

.tooltip.show {
  opacity: var(--bs-tooltip-opacity, 0.98);
}

/* Reduce motion respect */
@media (prefers-reduced-motion: reduce) {
  .tooltip {
    transition: none;
  }
}