/* Criterion A = DICE/PACT in red; Criterion B = deconstruction in amber. */
.annotation-box[data-criterion="A"],
[data-criterion="A"].annotation-box {
  background: rgba(160,0,0,.10) !important;
  border-bottom: 2px solid var(--p1-red) !important;
  cursor: pointer !important;
}
.annotation-box[data-criterion="B"],
[data-criterion="B"].annotation-box {
  background: rgba(224,170,0,.18) !important;
  border-bottom: 2px solid #D4A000 !important;
  cursor: pointer !important;
}

/* Source text can trigger the annotation but must not navigate away. */
.annotation-box[data-criterion="A"] .p1-source-text,
.p1-source-text {
  color: inherit !important;
  text-decoration: none !important;
  cursor: pointer !important;
  overflow-wrap: anywhere;
}

.annotation-overlay-content textarea {
  width: 100%;
  min-height: 80px;
  box-sizing: border-box;
  font: inherit;
}