/* ===== Страница "Сведения об образовательной организации" ===== */

.info {
    padding-top: 100px; /* отступ сверху — под фиксированную шапку */
}

.info .container {
    max-width: 1400px;
    margin: 0px 20px;
    gap: 0px;
}

.info h2,
.info__toc-title {
    text-align: left;
}

/* Оглавление */
.info__toc {
    background: #f7f7f7;
    border-left: 4px solid var(--red-gray, #b94634);
    border-radius: 20px;
    padding: 20px 25px;
    margin: 30px 0 50px;
}

.info__toc-list {
    margin: 0;
    padding-left: 22px;
    columns: 1;
    /* column-gap: 40px; */
    line-height: 1.9;
}

.info__toc-list li {
    break-inside: avoid;
}

.info__toc-list a {
    color: #495057;
    text-decoration: none;
    transition: color 0.25s ease;
}

.info__toc-list a:hover, .info__section a:hover {
    color: var(--red-gray, #b94634);
    text-decoration: underline;
}

/* Разделы */
.info__section {
    margin-bottom: 20px;
    scroll-margin-top: 130px; /* чтобы при переходе по якорю заголовок не прятался под шапкой */
    width: 100%;
}

.info__section h2 {
    font-size: 24px;
    line-height: 1.35;
    margin-bottom: 20px;
    color: var(--primary-color);
}

.info__content {
    /* line-height: 1.7; */
    color: #333;
}

/* Адаптив */
@media (max-width: 768px) {
    .info {
        padding: 50px 0 60px;
    }

    .info h1 {
        text-align: center;
    }

    .info__toc-list {
        columns: 1;
    }

    .info__section h2 {
        font-size: 16px;
    }
}