.ttm-equation {
    margin: 1.4em 0;
    color: var(--tt-text-primary, inherit);
}

.ttm-equation-row {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 16px;
    align-items: center;
}

.ttm-equation-latex {
    overflow-x: auto;
    padding: 0.35em 0;
    line-height: 1.6;
}

.ttm-equation-align-left .ttm-equation-latex {
    text-align: left;
}

.ttm-equation-align-center .ttm-equation-latex {
    text-align: center;
}

.ttm-equation-align-right .ttm-equation-latex {
    text-align: right;
}

.ttm-equation-size-small .ttm-equation-latex {
    font-size: 0.92em;
}

.ttm-equation-size-normal .ttm-equation-latex {
    font-size: 1em;
}

.ttm-equation-size-large .ttm-equation-latex {
    font-size: 1.18em;
}

.ttm-equation-number {
    color: var(--tt-text-secondary, #8f8f8f);
    white-space: nowrap;
    font-size: 0.95em;
}

.ttm-equation-caption {
    margin-top: 0.35em;
    color: var(--tt-text-secondary, #8f8f8f);
    font-size: 0.92em;
    font-style: italic;
    text-align: center;
}

.ttm-equation-inline {
    display: inline;
    margin: 0;
}

.ttm-equation-inline .ttm-equation-row {
    display: inline;
}

.ttm-equation-inline .ttm-equation-latex {
    display: inline;
    padding: 0;
}

.ttm-equation-inline .ttm-equation-number,
.ttm-equation-inline .ttm-equation-caption {
    display: none;
}


/* v0.1.11 online dokumentáció és tesztoldal */
.ttm-eq-online-page {
    max-width: 980px;
    margin: 0 auto;
    padding: 24px 0;
}

.ttm-eq-online-page h1,
.ttm-eq-online-page h2 {
    margin-top: 1.4em;
    margin-bottom: 0.6em;
}

.ttm-eq-online-page h1:first-child {
    margin-top: 0;
}

.ttm-eq-online-page code {
    padding: 0.12em 0.3em;
    background: rgba(127,127,127,0.12);
    border: 1px solid rgba(127,127,127,0.18);
}

.ttm-eq-online-page .ttm-equation {
    border-left: 3px solid var(--tt-accent, #A61E1E);
    padding-left: 14px;
    margin: 1.1em 0 1.5em;
}

.ttm-eq-test-page h2 {
    border-bottom: 1px solid rgba(127,127,127,0.18);
    padding-bottom: 0.35em;
}

@media (max-width: 700px) {
    .ttm-eq-online-page {
        padding: 16px 0;
    }

    .ttm-eq-online-page .ttm-equation {
        padding-left: 10px;
    }
}
