/* Links produced inside a post body: tags and mentions. Inherits the body's font and
   line-height so a linked run never changes the height of the line it sits on. */
.post-tag,
.post-mention {
  color: var(--brand, #6ea8fe);
  text-decoration: none;
  font: inherit;
  overflow-wrap: anywhere;
}

.post-tag:hover,
.post-mention:hover,
.post-tag:focus-visible,
.post-mention:focus-visible {
  text-decoration: underline;
}

.post-tag:focus-visible,
.post-mention:focus-visible {
  outline: 2px solid var(--brand, #6ea8fe);
  outline-offset: 2px;
  border-radius: 3px;
}