.anchor-links__navbar {
    border-bottom: 1px solid #c4c4c4;
}

.anchor-links__navbar.anchor-links__navbar--vertical {
    border-bottom: none;
}

.anchor-links__navbar ul {
    display: inline-flex;
    gap: 25px;
    list-style-type: none;
    margin: 15px 0;
    padding: 0;
    justify-content: flex-start;
}

.anchor-links__navbar.anchor-links__navbar--vertical ul {
    flex-direction: column;
}

.anchor-links__navbar ul li a {
    font-style: normal;
    font-weight: 700;
    font-size: 15px;
    line-height: 135%;
    color: var(--color-grey-50);
    text-decoration: none !important;
    cursor: pointer;
}

/* remove horizontal padding and add vertical spacing in article */
.single-post:not(.post-template-single-long-form) .anchor-links__navbar,
.block-editor-page.post-type-post .anchor-links__navbar {
    padding: 0;
    margin-bottom: 50px;
}

.block-editor-page.post-type-post .anchor-links__navbar ul {
    padding-left: 0;
    list-style: none;
}

@media only screen and (max-width: 1200px) {
    .anchor-links__navbar {
        overflow-x: auto;
        overscroll-behavior-x: contain;
        margin: 0;
    }

    .anchor-links__navbar ul {
        margin: 15px 0;
    }

    .anchor-links__navbar ul li {
        flex-grow: 1;
        word-wrap: normal;
        white-space: nowrap;
    }
}