/* Add a small arrow after any link with the .external-link class */
a.external-link::after {
  content: " ↗";
  font-size: 0.85em;      /* Makes the arrow slightly smaller than the text */
  color: #888;            /* A subtle gray color so it doesn't distract */
  display: inline-block;
  text-decoration: none;  /* Prevents the arrow from being underlined */
  margin-left: 2px;       /* Adds a tiny gap between the text and the arrow */
}

/* Optional: Make the arrow light up or change color when hovering over the link */
a.external-link:hover::after {
  color: blue;            /* Changes to black (or match your hover theme color) */
}