/* A row of the summary: the phrase of the note and the chapter it stands in. The step is drawn
   with the same stripe as in the text, so that the list and the reader read as one thing
   (remark 10). */
.note {
  display: grid;
  gap: 0;
  width: 100%;
  min-width: 0;
  border-left: 2px solid transparent;
  padding-left: var(--space-3);
}

.note[data-tone='note'] {
  border-left-color: var(--color-note);
}

.note[data-tone='quiet'] {
  border-left-color: var(--color-separator);
}

/* The chapter of a note is optional by contract. Such a row leads nowhere — and does not promise
   otherwise with the cursor: the list is selectable as a whole, and there is nothing to cancel
   that with on a single row. */
.note[data-orphan] {
  cursor: default;
}

.message {
  overflow: hidden;
  color: var(--color-text);
  white-space: nowrap;
  text-overflow: ellipsis;
}

.where {
  overflow: hidden;
  color: var(--color-text-secondary);
  font-size: var(--font-size-small);
  white-space: nowrap;
  text-overflow: ellipsis;
}