/* Note windows (js/note.js): Notepad's look, read-only. A rhizome block
   shown here is plain, indentation only (xp-rhizome-layouts.md, "Surfaces"):
   one face, no colors or rules, and links still look like links. */

.nx-window .nx-body:has(> .note) {
  padding: 0;
  overflow: hidden;
  display: flex;
}

.note {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
}

.note-body {
  flex: 1;
  overflow: auto;
  background: #fff;
  color: #000;
  border-top: 1px solid var(--wxp-panel-dark);
  padding: 2px 4px;
  font: 13px "Lucida Console", Monaco, monospace;
  cursor: text;
}

.note > .note-body .rz *:not(button) {
  font: inherit;
  color: inherit;
  background: none;
  border: 0;
}

.note-body a[href],
.note > .note-body .rz a.rz-link {
  color: #0000ee;
  text-decoration: underline;
  cursor: pointer;
}