/* Le terme "défini" */
.idt-term {
  cursor: help;
  font-weight: 700;
  text-decoration: none;
}

/* Tooltip floating */
.idt-tooltip {
  position: absolute;
  z-index: 999999;
  max-width: min(320px, calc(100vw - 24px));
  padding: 10px 12px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.95);
  color: #272727;
  font-size: 18px;
  line-height: 1.35;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.15);
}

/* Optionnel: petite flèche */
.idt-tooltip::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  background: rgba(255, 255, 255, 0.95);
  transform: rotate(45deg);
  left: 14px;
  /* Par défaut: flèche sous la bulle */
  top: var(--idt-arrow-top, auto);
  bottom: var(--idt-arrow-bottom, -5px);
}