/* External Links Styling */

.external-link {
  position: relative;
}

.external-link:hover .external-link-icon {
  opacity: 1;
}

.external-link-icon {
  font-size: 0.7em;
  opacity: 0.6;
}

/* Dark mode support */
@media (prefers-color-scheme: dark) {
  .external-link-icon {
    color: #4f9cf9;
  }
}

/* High contrast mode support */
@media (prefers-contrast: high) {
  .external-link-icon {
    opacity: 1;
    font-weight: bolder;
  }
}