/* Chat math readability
 * Keep the normal chat typography unchanged while giving rendered formulas a
 * slightly more editorial, confident presence like modern AI chat UIs.
 */
.message-wrapper.bot .message-content .katex,
.message-wrapper.bot .message-text .katex,
.side-message.bot .side-message-bubble .katex {
    font-family: "STIX Two Math", "Cambria Math", "KaTeX_Main", "Times New Roman", serif;
    font-size: 1.13em;
    font-style: italic;
    font-weight: 500;
    letter-spacing: 0.015em;
    line-height: 1.32;
}

.message-wrapper.bot .message-content .katex-display,
.message-wrapper.bot .message-text .katex-display,
.side-message.bot .side-message-bubble .katex-display {
    margin: 0.9em 0;
    padding: 0.12em 0.2em;
    overflow-x: auto;
    overflow-y: hidden;
    text-align: center;
    scrollbar-width: thin;
}

.message-wrapper.bot .message-content .katex-display > .katex,
.message-wrapper.bot .message-text .katex-display > .katex,
.side-message.bot .side-message-bubble .katex-display > .katex {
    font-size: 1.24em;
}

/* Keep each KaTeX atom aligned with the more readable editorial treatment. */
.message-wrapper.bot .message-content .katex .base,
.message-wrapper.bot .message-content .katex .mord,
.message-wrapper.bot .message-content .katex .mop,
.message-wrapper.bot .message-content .katex .mbin,
.message-wrapper.bot .message-content .katex .mrel,
.message-wrapper.bot .message-content .katex .mopen,
.message-wrapper.bot .message-content .katex .mclose,
.message-wrapper.bot .message-content .katex .mpunct,
.message-wrapper.bot .message-content .katex .minner,
.message-wrapper.bot .message-content .katex .text,
.message-wrapper.bot .message-text .katex .base,
.message-wrapper.bot .message-text .katex .mord,
.message-wrapper.bot .message-text .katex .mop,
.message-wrapper.bot .message-text .katex .mbin,
.message-wrapper.bot .message-text .katex .mrel,
.message-wrapper.bot .message-text .katex .mopen,
.message-wrapper.bot .message-text .katex .mclose,
.message-wrapper.bot .message-text .katex .mpunct,
.message-wrapper.bot .message-text .katex .minner,
.message-wrapper.bot .message-text .katex .text,
.side-message.bot .side-message-bubble .katex .base,
.side-message.bot .side-message-bubble .katex .mord,
.side-message.bot .side-message-bubble .katex .mop,
.side-message.bot .side-message-bubble .katex .mbin,
.side-message.bot .side-message-bubble .katex .mrel,
.side-message.bot .side-message-bubble .katex .mopen,
.side-message.bot .side-message-bubble .katex .mclose,
.side-message.bot .side-message-bubble .katex .mpunct,
.side-message.bot .side-message-bubble .katex .minner,
.side-message.bot .side-message-bubble .katex .text {
    font-style: italic;
    font-weight: 500;
}

@media (max-width: 640px) {
    .message-wrapper.bot .message-content .katex-display,
    .message-wrapper.bot .message-text .katex-display,
    .side-message.bot .side-message-bubble .katex-display {
        text-align: left;
    }
}