/* The message box: starts one line tall, wraps, and grows with what's typed
   (chat_form_controller.js stops the growing at 40% of the screen, then it
   scrolls). The writer can drag its corner taller, up to 70% of the screen, so
   the Send button and a little of the conversation always stay in view. */
.chat-composer {
  min-height: 2.5rem;
  max-height: 70dvh;
  resize: vertical;
  overflow-y: auto;
  line-height: 1.5;
  font-size: 1rem;
}

/* A sent message reads the way it was written: line breaks stay put, and a
   long unbroken run (a link, a held-down key) wraps inside the bubble instead
   of running out of it. */
.chat-message {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}