/* Word-friendly transcript styles (default) — browser view only.
 * Inline styles on each element are what survive a paste into Word; these
 * rules just tidy the browser view.
 */
body { background: #ffffff; margin: 24px; }
.word-transcript { max-width: 680px; font-family: Calibri, Arial, sans-serif; }
.wt { margin:0 0 18px 0; padding:0; }

.wt-role { margin:0 0 6px 0; font-family:Arial,sans-serif; font-size:11pt; font-weight:bold; color:#444444; }
.wt--user .wt-role { margin:0 0 6px 0; font-family:Arial,sans-serif; font-size:11pt; font-weight:bold; color:#1a4f8b; }
.wt-body { margin:0; font-family:Calibri,Arial,sans-serif; font-size:11pt; color:#1a1a1a; line-height:1.5; }
.wt-body p { margin:0 0 8px 0; }
.wt-body ul, .wt-body ol { margin:0 0 8px 0; padding-left:22px; }
.wt-body li { margin:0 0 3px 0; }
.wt-body pre { margin:0 0 10px 0; padding:10px 12px; background:#f3f3f3; border:1px solid #cccccc; font-family:Consolas,monospace; font-size:10pt; white-space:pre-wrap; }
.wt-body code { font-family:Consolas,monospace; font-size:10pt; background:#f3f3f3; }
.wt-body pre code { background: none; }

.wt-body table { border-collapse:collapse; margin:0 0 10px 0; width:100%; }
.wt-body th { border:1.5px solid #666666; padding:4px 6px; font-family:Calibri,Arial,sans-serif; font-size:10pt; font-weight:bold; text-align:left; background:#f2f2f2; }
.wt-body td { border:1.5px solid #666666; padding:4px 6px; font-family:Calibri,Arial,sans-serif; font-size:10pt; text-align:left; vertical-align:top; }

/* Compatibility aliases for online-generated class names and embedded centring. */
.ai-chat-page .ai-chat-window { margin-inline: auto; margin-block: 0; }
.ai-chat-page .ai-chat-user { align-self: flex-end; align-items: flex-end; justify-self: end; }
.ai-chat-page .ai-chat-chatbot { align-self: flex-start; align-items: flex-start; justify-self: start; }
.ai-chat-page .ai-chat-turn--user,
.ai-chat-page .ai-chat-user { max-width: 85%; }
.ai-chat-page .ai-chat-turn--chatbot,
.ai-chat-page .ai-chat-chatbot { max-width: 85%; }
.ai-chat-page .ai-chat-user .ai-chat-bubble {
  background: var(--ai-user-bubble, #e7f0ff);
  color: var(--ai-user-text, inherit);
  border-bottom-right-radius: 4px;
}
.ai-chat-page .ai-chat-chatbot .ai-chat-bubble {
  background: var(--ai-bot-bubble, #f4f6f9);
  color: var(--ai-bot-text, inherit);
  border-bottom-left-radius: 4px;
}
.ai-chat-page .ai-chat-turn--user .ai-chat-bubble {
  background: var(--ai-user-bubble, #e7f0ff);
  color: var(--ai-user-text, inherit);
}
.ai-chat-page .ai-chat-turn--chatbot .ai-chat-bubble {
  background: var(--ai-bot-bubble, #f4f6f9);
  color: var(--ai-bot-text, inherit);
}
@media (max-width: 520px) {
  .ai-chat-page .ai-chat-turn,
  .ai-chat-page .ai-chat-turn--user,
  .ai-chat-page .ai-chat-user,
  .ai-chat-page .ai-chat-turn--chatbot,
  .ai-chat-page .ai-chat-chatbot { max-width: 100%; }
}