/* Algorithm Trigger Styling - Minimal custom CSS for clickable algorithm names */

.algorithm-trigger {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  color: #2563eb; /* blue-600 */
  font-weight: 600;
  text-decoration: none;
  border-bottom: 2px solid transparent;
  transition: all 0.2s ease;
  padding: 0.125rem 0.25rem;
  border-radius: 0.25rem;
}

.algorithm-trigger:hover {
  color: #1d4ed8; /* blue-700 */
  background-color: #eff6ff; /* blue-50 */
  border-bottom-color: #3b82f6; /* blue-500 */
}

.algorithm-trigger::after {
  content: '\f121'; /* Font Awesome code icon */
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-size: 0.875rem;
  opacity: 0.7;
}

.algorithm-trigger:hover::after {
  opacity: 1;
}

/* Syntax highlighting theme override for dark code blocks */
#algo-code-display {
  background: transparent !important;
  color: #e5e7eb; /* gray-200 */
}