/* The empty chat is a calm, centered starting point. Messages keep the dock. */
.chat-welcome { display: none; text-align: center; max-width: 720px; margin: 0 auto 30px; }
.chat-welcome h1 { margin: 0; font-size: clamp(23px, 2.5vw, 32px); font-weight: 500; line-height: 1.2; letter-spacing: -.04em; color: #252628; overflow-wrap: anywhere; }
.chat-welcome p { margin: 13px 0 0; color: #7b7c80; font-size: 14px; line-height: 1.65; }
#view-chat[data-empty="true"] { justify-content: center; }
#view-chat[data-empty="true"] > .thread { display: none; }
#view-chat[data-empty="true"] .dock { position: relative; inset: auto; padding-bottom: 24px; width: 100%; max-height: 100%; overflow-y: auto; }
#view-chat[data-empty="true"] .chat-welcome { display: block; }
#view-chat[data-empty="true"] .composer { max-width: 740px; margin-inline: auto; }
@media (max-width: 600px) {
  .chat-welcome { margin-bottom: 24px; padding: 0 14px; }
  .chat-welcome p { font-size: 13px; }
}
@media (max-height: 520px) {
  #view-chat[data-empty="true"] .chat-welcome { margin-bottom: 14px; }
  #view-chat[data-empty="true"] .chat-welcome h1 { font-size: 22px; }
  #view-chat[data-empty="true"] .chat-welcome p { display: none; }
}


#view-chat .thread > .msg { width: 100%; max-width: 1100px; margin-inline: auto; }
#view-chat .composer { max-width: 760px; margin-inline: auto; }


.msg--ai .msg__body { line-height: 1.75; }
.msg--ai .msg__body p { margin-bottom: 18px; }
.msg--ai .msg__body strong { font-weight: 500; }

/* Distinct script stages remain easy to scan without boxing every paragraph. */
.msg--ai .msg__body > :is(h3, h4):not(:first-child) { margin-top: 32px; }
.msg--ai .msg__body > h4 { color: var(--ink); line-height: 1.4; }