/* ===== СТРАНИЦА НОВОСТИ: полностью обновлённые стили ===== */
.header {margin-top: 0vw;}
/* Базовые настройки для блока новости */
.submain .gen_a {
    background-color: #fff;
}

/* Заголовок */


/* Фотография новости */
.submain .gen_a .news_photo {
    width: 80%;
    max-width: 800px;
    margin: 3vw auto 0 auto;
    aspect-ratio: 16 / 9; /* сохраняет пропорции */
    background: url('/styles/photos/fornews/match_11.png') center center / contain no-repeat;
    background-color: #ffffff;
}

/* Основной текстовой блок */
.submain .gen_a .maintext {
    width: 85%;
    max-width: 900px;
    margin: 4vw auto;
    font-family: inherit;
}

/* Общие стили для всех параграфов и пунктов списка */
.submain .gen_a .maintext p,
.submain .gen_a .maintext li {
    font-size: 18px;          /* базовый размер (десктоп) */
    line-height: 1.55;
    color: #1a1a1a;
}

/* Отступы и первая строка только у параграфов */
.submain .gen_a .maintext p {
    text-indent: 2em;        /* отступ красной строки */
    margin-bottom: 1.2em;
}

/* Настройки списков */
.submain .gen_a .maintext ul {
    margin: 0.8em 0 1.2em 0;
    padding-left: 0;
    list-style-type: disc;   /* кружочки */
}

.submain .gen_a .maintext li {
    text-indent: 0;
    margin-left: 2.2em;      /* отступ для маркера */
    padding-left: 0.3em;
    margin-bottom: 0.6em;
}

/* Сброс стандартных маркеров */
.submain .gen_a .maintext ul {
    margin: 0.8em 0 1.2em 0;
    padding-left: 0;
    list-style: none;
}

/* Пункты списка */
.submain .gen_a .maintext li {
    position: relative;
    padding-left: 1.5em;      /* место для маркера */
    margin-bottom: 0.6em;
    list-style: none;
}

/* Рисуем маркер (кружок) */
.submain .gen_a .maintext li::before {
    content: "•";
    position: absolute;
    left: 0;
    color: rgb(0, 70, 155);  /* фирменный синий */
    font-size: 1.2em;
    line-height: 1.2;
}


/* Адаптация: планшеты и ноутбуки (до 992px) */
@media (max-width: 992px) {
    .submain .gen_a .maintext {
        width: 90%;
        margin-top: 5vw;
    }
    .submain .gen_a .maintext p,
    .submain .gen_a .maintext li {
        font-size: 17px;
    }
    .submain .gen_a .maintext p {
        text-indent: 1.8em;
    }
    .submain .gen_a .maintext li {
        margin-left: 2em;
    }
}

/* Адаптация: мобильные (до 768px) */
@media (max-width: 768px) {
    .submain .gen_a .maintext {
        width: 92%;
    }
    .submain .gen_a .maintext p,
    .submain .gen_a .maintext li {
        font-size: 16px;
    }
    .submain .gen_a .maintext p {
        text-indent: 1.5em;
        margin-bottom: 1em;
    }
    .submain .gen_a .maintext ul {
        margin: 0.5em 0;
    }
    .submain .gen_a .maintext li {
        margin-left: 1.8em;
        margin-bottom: 0.5em;
    }
}

/* Адаптация: очень узкие экраны (до 576px) */
@media (max-width: 576px) {
    .submain .gen_a .maintext {
        width: 94%;
        margin-top: 6vw;
    }
    .submain .gen_a .maintext p,
    .submain .gen_a .maintext li {
        font-size: 15px;
    }
    .submain .gen_a .maintext p {
        text-indent: 1.2em;
    }
    .submain .gen_a .maintext li {
        margin-left: 1.5em;
    }
}