/* input(8,16): run-time error CSS1035: Expected colon, found '{'
input(17,17): run-time error CSS1035: Expected colon, found '{'
input(39,16): run-time error CSS1035: Expected colon, found '{'
input(52,16): run-time error CSS1035: Expected colon, found '{' */
.anchor-links {
    display: flex;
    padding: 8px;
    gap: 8px;
    flex-wrap: wrap;
    border-bottom: 1px solid black;

    .link-item {
        display: flex;
        gap: 4px;
        padding: 8px 16px;
        border: 1px solid black;
    }
}

.link-item {
    .link-index {
        color: var(--primary-color);
        font-size: 16px;
        font-weight: 700;
        line-height: 150%;
    }

    a {
        color: var(--primary-color);
        font-size: 16px;
        font-weight: 700;
        line-height: 150%;
    }

    p {
        margin-bottom: 0;
    }
}

.number-without-underline {
    background-color: white;

    .link-item {
        a {
            text-decoration: none;
        }

        a:hover {
            text-decoration: underline;
        }
    }
}
.no-number-with-underline .link-item a {
    background-color: white;

    .link-item {
        a {
            text-decoration: underline;
        }

        a:hover {
            text-decoration: none;
        }
    }
}

@media (max-width: 768px) {
    .anchor-links {
        margin-left: -16px;
        margin-right: -16px;
    }
}