.editor {
  padding: 2px;
  position: relative;
}
.editor.error {
  border: 1px solid red;
  display: inline-block;
}

.errorMessage {
  display: none;
  position: absolute;
  color: darkred;
  background-color: pink;
  margin-top: 4px;
  z-index: 10;
}

.editor:hover > .errorMessage {
  display: block;
  /* z-index: 9999; */
}

.editor.unknown {
  border: 1px dashed dodgerblue;
  display: inline-block;
}

*:hover:not(:has(> *:hover)) {
  /* useful for debugging: */
  /* border-width: 2px !important; */
}

.offending .error {
  background-color: transparent;
}

.keyword {
  color: blue;
  font-weight: bold;
}