/*
 * Minimal Code Annotations CSS
 * Just fixes basic positioning without changing the default behavior
 */

/* Make hover-for-desktop, click-for-mobile work properly */
@media (hover: hover) {
	/* For desktop devices with hover capability */
	.md-annotation {
	  cursor: pointer;
	}

	.md-annotation:hover .md-annotation__index {
	  background-color: var(--md-accent-fg-color, var(--md-primary-fg-color));
	}
  }

  /* For all devices, improve tooltip visibility */
  .md-tooltip {
	z-index: 100;
	max-width: 35rem; /* Allow wider tooltips */
	font-size: 0.8rem;
	line-height: 1.4;
	padding: 0.8rem 1rem;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  }

  /* Dark mode tooltip improvement */
  [data-md-color-scheme="slate"] .md-tooltip {
	background-color: #2e303e;
	color: white;
  }

  /* Fix tooltip cutoff issues */
  .md-grid {
	overflow: visible;
  }

  /* Prevent tooltip from flowing outside the container */
  .md-content__inner {
	overflow: visible;
  }