/* Chat (6 Oct 2026, his request; its own file so a returning visitor never gets a cached stylesheet without it): the other side on the left, his words on the right, an AI answering under his rules on the
   right in amber. Built to be reused for his streamed public tests: .msg.left and .msg.right place a message, and
   .them / .me / .ai colour it. A list marked data-verbatim holds a record kept word for word. */
.chat {list-style:none;margin:16px 0 0;padding:0;display:flex;flex-direction:column;gap:14px}
.chat .msg {max-width:min(84%,640px);padding:12px 16px;border:1px solid var(--line);border-radius:18px;background:var(--panel)}
.chat .msg p {margin:0 0 10px}
.chat .msg p:last-child {margin-bottom:0}
.chat .who {font-size:.78rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.chat .left {align-self:flex-start;border-bottom-left-radius:5px;background:var(--soft)}
.chat .right {align-self:flex-end;border-bottom-right-radius:5px}
.chat .me {background:var(--accent-soft);border-color:var(--accent)}
.chat .me .who {color:var(--accent)}
.chat .ai {background:var(--amber-soft);border-color:var(--amber);border-style:dashed}
.chat .ai .who {color:var(--amber)}
@media(max-width:640px) {.chat .msg {max-width:94%}}

/* A transcript with a clear speaker edge, carried by the shared theme tokens. */
.chat {gap:1.5rem;margin-top:1.5rem;padding-top:1.5rem;border-top:2px solid var(--ink)}
.chat .msg {max-width:min(88%,48rem);padding:1.15rem 1.25rem;border-radius:0;border-color:var(--edge);font-size:1rem;line-height:1.7;overflow-wrap:anywhere}
.chat .msg p {margin-bottom:.85rem}
.chat .who {margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--line);font:700 .7rem/1.5 var(--mono);letter-spacing:.06em}
.chat .left {border-radius:0;border-left:4px solid var(--muted);background:var(--soft)}
.chat .right {border-radius:0}
.chat .me {border-color:var(--accent);border-right-width:4px;background:var(--accent-soft)}
.chat .me .who {border-color:var(--accent)}
.chat .ai {border-color:var(--amber);border-right-width:4px;background:var(--amber-soft)}
.chat .ai .who {border-color:var(--amber)}
@media(max-width:640px) {
  .chat {gap:1rem}
  .chat .msg {max-width:96%;padding:1rem;font-size:.95rem}
}