.uce-math {
    max-width: 100%;
    color: inherit;
    font-size: inherit;
}

.uce-math--inline {
    display: inline-block;
    max-width: 100%;
    vertical-align: -.12em;
}

.uce-math--block {
    display: block;
    width: 100%;
    margin: .4em 0 .75em;
    padding: clamp(.55rem, 1.5vw, .8rem) clamp(.65rem, 1.8vw, 1rem);
    overflow-x: auto;
    overflow-y: hidden;
    border: 1px solid var(--border, var(--db-border, #dbe4f0));
    border-radius: var(--radius, 14px);
    background: color-mix(in srgb, var(--surface-2, var(--db-surface-soft, #f6f9fd)) 84%, transparent);
    text-align: left;
    overscroll-behavior-inline: contain;
}

.uce-math .katex {
    color: inherit;
    font-size: 1.08em;
}

.uce-math--block .katex-display {
    min-width: min-content;
    margin: 0;
    text-align: left;
}

.uce-math--block .katex-display > .katex {
    text-align: left;
}

.uce-math-render > code {
    padding: .08em .3em;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.uce-math--error {
    border-color: color-mix(in srgb, var(--danger, #b42318) 35%, var(--border, #dbe4f0));
}

@media print {
    .uce-math--block {
        overflow: visible;
        break-inside: avoid;
        border-color: #b8b8b8;
        background: #fff;
    }
}