/* Shared WOL AI answer typography. Keep code and secondary UI metadata independent. */
:root {
    --wol-ai-answer-font-size: 1rem;
    --wol-ai-answer-line-height: 1.6;
}

/* The embed otherwise introduces its own system font instead of the site's font. */
workoutloud-bot.wol-ai-chatbot-v2,
workoutloud-bot.wol-ai-chatbot-v2 .chat-client {
    font-family: inherit;
}

:is(
    workoutloud-bot.wol-ai-chatbot-v2 .message .message-content,
    .wol-feed-analysis-panel .message-content,
    .GroupAIInsightDrawerContent .GroupAIInsightMarkdown,
    .GroupAIInsightMessage .message-content,
    .wol-file-ai-insight-drawer .wol-file-ai-insight-copy,
    .wol-file-ai-insight-message .wol-file-ai-insight-message-body,
    .advanced-search .advanced-search-ai-overview-content .markdown-content
) {
    font-family: inherit;
    font-size: var(--wol-ai-answer-font-size);
    font-weight: 400;
    line-height: var(--wol-ai-answer-line-height);
}

:is(
    workoutloud-bot.wol-ai-chatbot-v2 .message .message-content,
    .wol-feed-analysis-panel .message-content,
    .GroupAIInsightDrawerContent .GroupAIInsightMarkdown,
    .GroupAIInsightMessage .message-content,
    .wol-file-ai-insight-drawer .wol-file-ai-insight-copy,
    .wol-file-ai-insight-message .wol-file-ai-insight-message-body,
    .advanced-search .advanced-search-ai-overview-content .markdown-content
) :is(p, li, blockquote, td, th, .markdown-content) {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

:is(
    workoutloud-bot.wol-ai-chatbot-v2 .message .message-content,
    .wol-feed-analysis-panel .message-content,
    .GroupAIInsightDrawerContent .GroupAIInsightMarkdown,
    .GroupAIInsightMessage .message-content,
    .wol-file-ai-insight-drawer .wol-file-ai-insight-copy,
    .wol-file-ai-insight-message .wol-file-ai-insight-message-body,
    .advanced-search .advanced-search-ai-overview-content .markdown-content
) :is(h1, h2, h3) {
    font-family: inherit;
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.4;
}

:is(
    workoutloud-bot.wol-ai-chatbot-v2 .message .message-content,
    .wol-feed-analysis-panel .message-content,
    .GroupAIInsightDrawerContent .GroupAIInsightMarkdown,
    .GroupAIInsightMessage .message-content,
    .wol-file-ai-insight-drawer .wol-file-ai-insight-copy,
    .wol-file-ai-insight-message .wol-file-ai-insight-message-body,
    .advanced-search .advanced-search-ai-overview-content .markdown-content
) :is(h4, h5, h6) {
    font-family: inherit;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.4;
}

/* Inherit the website's text color through AI-only wrappers rather than introducing another palette. */
:is(
    workoutloud-bot.wol-ai-chatbot-v2,
    workoutloud-bot.wol-ai-chatbot-v2 .chat-client,
    workoutloud-bot.wol-ai-chatbot-v2 .chat-container,
    workoutloud-bot.wol-ai-chatbot-v2 .message.assistant,
    .wol-feed-analysis-panel,
    .GroupAIInsightDrawerContent,
    .wol-file-ai-insight-drawer,
    .advanced-search-ai-overview-content
) {
    color: inherit;
}

:is(
    workoutloud-bot.wol-ai-chatbot-v2 .message.assistant .message-content,
    .wol-feed-analysis-panel .wol-feed-analysis-results,
    .wol-feed-analysis-message--assistant .message-content,
    .GroupAIInsightDrawerContent .GroupAIInsightMarkdown,
    .GroupAIInsightMessage.assistant .message-content,
    .wol-file-ai-insight-drawer .wol-file-ai-insight-copy,
    .wol-file-ai-insight-message.is-assistant .wol-file-ai-insight-message-body,
    .advanced-search .advanced-search-ai-overview-content .markdown-content
) {
    color: inherit;
}

:is(
    workoutloud-bot.wol-ai-chatbot-v2 .message.assistant .message-content,
    .wol-feed-analysis-panel .wol-feed-analysis-results,
    .wol-feed-analysis-message--assistant .message-content,
    .GroupAIInsightDrawerContent .GroupAIInsightMarkdown,
    .GroupAIInsightMessage.assistant .message-content,
    .wol-file-ai-insight-drawer .wol-file-ai-insight-copy,
    .wol-file-ai-insight-message.is-assistant .wol-file-ai-insight-message-body,
    .advanced-search .advanced-search-ai-overview-content .markdown-content
) :is(p, li, blockquote, td, th, .markdown-content, h1, h2, h3, h4, h5, h6, strong, b) {
    color: inherit;
}