.web-map a { color: var(--content-high); }

.web-map-list-item > .web-map-link,
.web-map-sublist-item > .web-map-link {
    font-weight: 600;
}

.web-map-sublist-child > .web-map-link {
    font-weight: 400;
}

.web-map-column {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.web-map-title,
.web-map-subtitle {
    margin: 0;
}

.web-map-groups {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.web-map-group {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.web-map-group:has(.web-map-sublist) {
    gap: 20px;
}

.web-map-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin: 0;
}

.web-map-list-item {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.web-map-sublist {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin: 0;
    padding-left: 0;
}

.web-map-sublist-item {
    position: relative;
    padding-left: 20px;
}

.web-map-sublist-item::before {
    content: "";
    position: absolute;
    left: 4px;
    top: 10px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: var(--content-high);
}

.web-map-sublist-item > .web-map-sublist-children {
    margin-top: 8px;
    padding-left: 0;
}

.web-map-sublist-children {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 0;
    padding-left: 20px;
}

.web-map main ul li,
main .web-map ul li,
.web-map ul li {
    margin-top: 0;
}

.spacing-custom .web-map-list-item,
.spacing-custom .web-map-sublist {
    gap: 20px;
}

.spacing-custom .web-map-sublist-item:has(.web-map-sublist-child:only-child) > .web-map-sublist-children {
    margin-top: 4px;
}


@media (max-width: 991px) {
    .web-map-column:not(:last-child){
        margin-bottom: 2.5rem;
    }

    .web-map-column {
        gap: 20px;
    }
}