.chat-message-html {
    font-size: 0.9rem; /* slightly smaller text */
    /*line-height: 0.8;*/ /* adjust spacing between lines */
    color: inherit; /* use bubble text color */
    /*white-space: pre-wrap;*/
}

/* Adjust paragraph spacing */
.chat-message-html p {
    margin: 0.25rem 0; /* less vertical space */
}

.chat-message-html .h1,.chat-message-html .h2,.chat-message-html .h3,.chat-message-html .h4,.chat-message-html .h5,.chat-message-html .h6,
.chat-message-html h1,.chat-message-html h2,.chat-message-html h3, .chat-message-html h4,.chat-message-html h5,.chat-message-html h6 {
    margin-top: 0;
    margin-bottom: .1rem;
    font-weight: 500;
    line-height: 0.8;
    color: var(--bs-heading-color);
}

/* Lists (ul/ol) spacing */
.chat-message-html ul,
.chat-message-html ol {
    margin: 0.2rem 0; /* reduce vertical spacing */
    padding-left: 1.2rem; /* keep indentation */
    line-height: 1rem;
}

.chat-message-html li {
    line-height: 1.3rem;
    margin-left: 10px;
}
/* Inline code */
.chat-message-html code {
    /*background-color: rgba(0,0,0,0.05);*/ /* subtle in light mode */
    padding: 0.1em 0.3em;
    border-radius: 4px;
    font-family: monospace;
    font-size: 0.85em;
}

/* Code blocks */
.chat-message-html pre {
    background-color: rgba(0,0,0,0.05);
    padding: 0.9em;
    border-radius: 6px;
    overflow-x: auto;
    font-family: monospace;
    font-size: 0.85em;
    margin: 0.25rem 0;
}

/* Dark mode overrides */
body.dark-mode .chat-message-html code,
body.dark-mode .chat-message-html pre {
    /*background-color: rgba(255,255,255,0.1);*/
}

/* Optional: inline links */
.chat-message-html a {
    color: #0d6efd; /* bootstrap link color */
    text-decoration: underline;
}
.chat-message-html.h4, .chat-message-html h4 {
    font-size: calc(1.175rem + .01vw);
    line-height: 1rem;
}

.btn.clicked {
    /*background-color: #0d6efd !important;*/ /* BS5 primary */
    color: #fff !important;
    /*box-shadow: 0 0 0 0.25rem rgba(13,110,253,.25);*/ /* subtle glow */
    border-color: var(--chat-accent, #007bff);
    outline: none;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5);
}
.btn.clicked:disabled {
    opacity: 0.8 !important;
    /*background-color: #0b5ed7 !important;*/ /* slightly darker primary */
    border-color: #ffffff !important;
}