.thought-piece.role-thing {
  color: rgba(190, 220, 236, .94);
  border-color: rgba(151, 195, 218, .42);
  background: rgba(104, 155, 184, .11);
}

.thought-piece.role-quality {
  color: rgba(234, 216, 181, .94);
  border-color: rgba(214, 183, 127, .42);
  background: rgba(181, 142, 77, .105);
}

.thought-piece.role-state {
  color: rgba(215, 196, 234, .94);
  border-color: rgba(186, 151, 216, .42);
  background: rgba(143, 105, 178, .105);
}

.thought-piece.role-concept {
  color: rgba(190, 231, 196, .96);
  border-color: rgba(147, 208, 157, .5);
  background: rgba(92, 166, 104, .13);
}

.thought-piece[class*="role-"]:hover,
.thought-piece[class*="role-"]:focus-visible,
.thought-piece[class*="role-"].selected {
  filter: brightness(1.15);
  box-shadow: 0 0 18px rgba(239, 246, 238, .08);
}

.lexicon-article .entry-kind[data-word-role] {
  letter-spacing: .13em;
}