/* Text highlighting styles for key phrases - bold highlighter look */

/* Yellow highlight - key facts and insights */
.highlight {
  background-color: #fde047;
  color: #1a1a1a;
  padding: 0.1em 0.3em;
  border-radius: 0.15rem;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}

/* Teal/cyan highlight - clinical recommendations */
.highlight-clinical {
  background-color: #5eead4;
  color: #1a1a1a;
  padding: 0.1em 0.3em;
  border-radius: 0.15rem;
}

/* Orange highlight - cautions and warnings (BOLDER) */
.highlight-caution {
  background-color: #fb923c;
  color: #1a1a1a;
  padding: 0.1em 0.3em;
  border-radius: 0.15rem;
}

/* Pink/rose highlight - critical warnings or liability */
.highlight-critical {
  background-color: #f9a8d4;
  color: #1a1a1a;
  padding: 0.1em 0.3em;
  border-radius: 0.15rem;
}

/* Purple/violet highlight - definitions or key terms */
.highlight-term {
  background-color: #c4b5fd;
  color: #1a1a1a;
  padding: 0.1em 0.3em;
  border-radius: 0.15rem;
}

/* Blue highlight - examples or case references */
.highlight-example {
  background-color: #7dd3fc;
  color: #1a1a1a;
  padding: 0.1em 0.3em;
  border-radius: 0.15rem;
}

/* Lime/green highlight - classic highlighter green */
.highlight-green {
  background-color: #bef264;
  color: #1a1a1a;
  padding: 0.1em 0.3em;
  border-radius: 0.15rem;
}

/* Dark mode support - bolder highlights */
[data-bs-theme="dark"] .highlight {
  background-color: rgba(253, 224, 71, 0.5);
  color: #1a1a1a;
}

[data-bs-theme="dark"] .highlight-clinical {
  background-color: rgba(94, 234, 212, 0.45);
  color: #1a1a1a;
}

[data-bs-theme="dark"] .highlight-caution {
  background-color: rgba(251, 146, 60, 0.55);
  color: #1a1a1a;
}

[data-bs-theme="dark"] .highlight-critical {
  background-color: rgba(249, 168, 212, 0.5);
  color: #1a1a1a;
}

[data-bs-theme="dark"] .highlight-term {
  background-color: rgba(196, 181, 253, 0.5);
  color: #1a1a1a;
}

[data-bs-theme="dark"] .highlight-example {
  background-color: rgba(125, 211, 252, 0.5);
  color: #1a1a1a;
}

[data-bs-theme="dark"] .highlight-green {
  background-color: rgba(190, 242, 100, 0.5);
  color: #1a1a1a;
}