/* Mentifyll: matek-feladatok ábrái (számegyenes, szakaszmodell), v0.23.0 — világos és sötét témában is olvasható */

.mv-figure {
    margin: 12px auto;
    max-width: 380px;
    padding: 8px 10px;
    border: 1px solid var(--color-border, rgba(128, 128, 128, 0.3));
    border-radius: var(--radius-md, 10px);
    background: var(--color-surface, transparent);
}

.mv-svg {
    display: block;
    width: 100%;
    height: auto;
    color: var(--color-text, currentColor);
}

.mv-axis,
.mv-tick,
.mv-tick-major {
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
}

.mv-tick {
    stroke-width: 1.5;
    opacity: 0.7;
}

.mv-label,
.mv-seg-text {
    fill: currentColor;
    font-size: 12px;
    font-weight: 600;
}

.mv-name {
    fill: var(--color-primary, currentColor);
    font-size: 13px;
    font-weight: 800;
}

.mv-arrow {
    fill: var(--color-primary, #0d9488);
}

.mv-seg {
    fill: var(--color-teal-subtle, rgba(45, 212, 191, 0.22));
    stroke: var(--color-teal, #14b8a6);
    stroke-width: 1.5;
}

.mv-seg-unknown {
    fill: none;
    stroke-dasharray: 5 3;
}

.mv-q {
    fill: var(--color-primary, currentColor);
    font-size: 16px;
    font-weight: 800;
}