/* Start:/local/templates/.default/assets/css/custom.css?17688275781488*/

    /* Базовые стили для текста 24px */
.period-text,
.achievement-text,
.quote-text,
.value-name,
.value-description,
.conclusion-text {
    font-size: 24px;
    line-height: 1.4;
}

/* Стили для заголовков с годами */
.period-title {
    font-size: 32px; /* немного больше для заголовков */
    margin-bottom: 16px;
}

.period-year {
    display: inline-block;
    font-weight: bold;
    margin-right: 16px;
    color: #2c5282; /* синий цвет для лет */
}

.period-year-range {
    min-width: 100px; /* для выравнивания диапазонов лет */
}

.period-year-current {
    color: #e53e3e; /* красный цвет для текущего года */
}

/* Дополнительные стили для улучшения читаемости */
.period-title-text {
    font-weight: 600;
}

.achievement-item {
    margin-bottom: 8px;
}

.achievement-icon {
    margin-right: 12px;
    color: #38a169; /* зеленый цвет для маркеров */
}

.philosophy-quote {
    font-style: italic;
    border-left: 4px solid #f6ad55;
    padding-left: 20px;
    margin: 20px 0;
}

.value-item {
    margin-bottom: 12px;
    display: flex;
    align-items: flex-start;
}

.value-icon {
    color: #38a169;
    margin-right: 12px;
    font-size: 24px;
}

.value-content {
    display: inline-block;
}

/* End */
/* /local/templates/.default/assets/css/custom.css?17688275781488 */