/* Notepad demo app — measured on win2k-pro_window_notepad.png: the menu bar right under the caption, the edit from
   client y 19 to the bottom, its text 1px in and 1px down in Lucida Console 10 pt; only whole lines are shown (the
   formatting rectangle is a multiple of the line height — the rest is covered by .np__rest). */
.np { position: relative; flex: 1; }
.np > .np__menu, .np > .np__edit { position: absolute; }
.np__menu { left: 0; top: -1px; right: 0; }
.np .np__edit { left: 0; top: 19px; right: 0; bottom: 0; width: auto; height: auto; }
.np .np__edit > textarea { font: var(--font-notepad); padding: 1px 0 0 1px; white-space: pre; }   /* margins measured: 1px left (the caret 1px left of the pen), line 1px down */   /* allow: the document's font */
.np .np__edit > textarea[wrap="soft"] { white-space: pre-wrap; }
.np .np__rest { position: absolute; left: 2px; background: var(--sys-window); pointer-events: none; }   /* allow: the document's page below its text */