/* ========================================
   Theses — тезисы
   Left: title + subtitle + accent line
   Right: text items in a row
   ======================================== */

.theses_row {
    display: flex;
    align-items: center;
    gap: 64px;
}

/* Left column */
.theses_left {
    flex: 0 0 30%;
    display: flex;
    gap: 24px;
}

.theses_line {
    width: 4px;
    flex-shrink: 0;
    background-color: var(--visual_color_line, var(--second_color));
    border-radius: 2px;
    align-self: stretch;
}

.theses_left_content {
    flex: 1;
}

.theses_title {
    font-size: var(--visual_font_size_title, 48px);
    font-weight: var(--visual_font_weight_title, 400);
    line-height: 1.15;
    color: var(--text_color);
    margin: 0 !important;
    font-family: var(--font-title);
}

.theses_subtitle {
    font-size: 18px;
    color: var(--second_text_color);
    line-height: 1.4;
    margin-bottom: 24px;
}

/* Right column */
.theses_right {
    flex: 1;
    display: flex;
    gap: 32px;
}

.theses_item {
    flex: 1;
}

.theses_item p {
    font-size: 16px;
    line-height: 1.6;
    color: var(--text_color);
    margin: 0;
}

/* ========================================
   Responsive
   ======================================== */

@media (max-width: 1250px) {
    .theses_title {
        font-size: calc(var(--visual_font_size_title, 48px) * 0.75);
    }

    .theses_right {
        gap: 24px;
    }
}

@media (max-width: 992px) {
    .theses_row {
        flex-direction: column;
        gap: 32px;
    }

    .theses_left {
        flex: none;
        width: 100%;
    }

    .theses_title {
        font-size: calc(var(--visual_font_size_title, 48px) * 0.67);
    }

    .theses_right {
        width: 100%;
        padding-top: 0;
    }

}

@media (max-width: 768px) {
    .theses_right {
        flex-direction: column;
        gap: 20px;
    }

    .theses_title {
        font-size: calc(var(--visual_font_size_title, 48px) * 0.58);
    }

    .theses_subtitle {
        font-size: 16px;
    }

}

@media (max-width: 480px) {
    .theses_title {
        font-size: calc(var(--visual_font_size_title, 48px) * 0.5);
    }

    .theses_left {
        gap: 16px;
    }
}