/* system/apps/keyboard-test/styles.css
 *
 * Split out of index.html's shared <style> block (Sept 2026) -- see
 * start-here.md's "Each app owns its own styles.css" note for why.
 *
 * .self-edit was originally a shared class (index.html), but turned
 * out to be two vestigial lines with no real relationship between its
 * consumers -- see system/lib/shared-app-styles/styles.css's header.
 * Denormalized here instead: this app just states it locally.
 */
.self-edit {
  width: 100%;
  text-align: left;
}

/* This app's own field now uses the shared .text-input-base +
   .text-input-bordered classes (system/lib/shared-app-styles/
   styles.css) for the floor/reset/border/focus treatment -- only
   what's actually unique to this field lives here. */
.keyboard-test textarea {
  width: 100%;
  min-height: 120px;
  line-height: 1.4;
  padding: 12px 14px;
  resize: none;
  color: blue;
}