.ylig-toc {
    margin: 0;
    padding: 0;
}

.ylig-toc__title {
    margin: 0 0 28px;
    padding: 0;
    font-family: "Instrument Serif", Georgia, serif;
    font-size: 30px;
    font-weight: 400;
    line-height: 1.2;
    color: #000000;
    white-space: normal;
    overflow: visible;
}

.ylig-toc__list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.ylig-toc__item {
    display: flex;
    align-items: flex-start;
    width: 100%;
    margin: 0 0 18px;
    padding: 0;
}

.ylig-toc__number {
    flex: 0 0 38px;
    margin: 0;
    padding: 0;
    font-family: "Poppins", Arial, sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.55;
    color: #000000;
}

.ylig-toc__link {
    display: inline;
    font-family: 'Poppins', sans-serif;
    max-width: calc(100% - 38px);
    margin: 0;
    padding: 0;
    color: #000000;
    text-decoration: none;
    font-family: "Poppins", Arial, sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.55;
    white-space: normal;
    overflow: visible;
    overflow-wrap: anywhere;
    word-break: normal;
    border-bottom: 3px solid #FFA7C7;
    transition: opacity 0.2s ease;
}

.ylig-toc__link:hover {
    opacity: 0.65;
}

.ylig-toc__text {
    white-space: normal;
    overflow: visible;
}

.ylig-toc--empty {
    display: none;
}

@media (max-width: 767px) {
    .ylig-toc__title {
        font-size: 30px;
    }

    .ylig-toc__item {
        margin-bottom: 15px;
    }

    .ylig-toc__number {
        flex-basis: 34px;
        font-size: 17px;
    }

    .ylig-toc__link {
        max-width: calc(100% - 34px);
        font-size: 17px;
    }
}

.ylig-toc__link, .ylig-toc__text { white-space: normal; overflow: visible; text-overflow: clip; word-break: normal; overflow-wrap: anywhere; }