/* ── Heading sizes ──────────────────────────────────────────────────
   Chainlit uses Tailwind "prose lg:prose-xl" which makes headings
   disproportionately large. Scale them down to something readable. */

.prose h1 {
    font-size: 1.35rem !important;
    line-height: 1.3 !important;
    margin-top: 1rem !important;
    margin-bottom: 0.5rem !important;
}

.prose h2 {
    font-size: 1.15rem !important;
    line-height: 1.3 !important;
    margin-top: 0.85rem !important;
    margin-bottom: 0.4rem !important;
}

.prose h3 {
    font-size: 1.0rem !important;
    line-height: 1.3 !important;
    margin-top: 0.75rem !important;
    margin-bottom: 0.35rem !important;
}

.prose h4 {
    font-size: 0.9rem !important;
    line-height: 1.3 !important;
    margin-top: 0.6rem !important;
    margin-bottom: 0.3rem !important;
}

/* ── Token/model footer ────────────────────────────────────────────
   Right-aligned, small, grey text for the metadata footer. */

.message-footer {
    text-align: right;
    font-size: 0.7rem;
    color: #888;
    margin-top: 0.5rem;
    padding-top: 0.4rem;
    border-top: 1px solid rgba(136, 136, 136, 0.2);
}