.name-text {
  color: inherit;
  text-decoration: none;
  display: inline-block;
}
a.name-text:is(:hover, :focus) b,
a.name-text.short:is(:hover, :focus) i {
  text-decoration: underline;
  text-decoration-color: var(--text-insignificant-color);
}
.name-text i {
  font-style: normal;
  opacity: 0.75;
}

.name-text .avatar {
  vertical-align: middle;
}