/* Site map: groups of links, each flowing into columns (one column on phones). */

.text-group + .site-map__groups {
    margin-top: var(--step-9);
}

.site-map__groups {
    display: grid;
    gap: var(--step-9);
}

/* Each group's links flow into columns across the width */
.site-map__group > .site-map__list {
    columns: 220px 4;
    column-gap: var(--step-8);
}

.site-map__group > .site-map__list > li {
    break-inside: avoid;
}

/* Space below each link (not above), so every column starts level */
.site-map__group > .site-map__list > li,
.site-map__group > .site-map__list > li + li {
    margin-top: 0;
    padding-bottom: var(--step-3);
}

.site-map__title {
    margin: 0 0 var(--step-4);
    color: var(--heading);
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.3;
}

.site-map__list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.site-map__list li + li,
.site-map__list .site-map__list {
    margin-top: var(--step-3);
}

/* Child pages, indented under their parent */
.site-map__list .site-map__list {
    padding-left: var(--step-5);
    border-left: 1px solid var(--neutral-200);
}

.site-map__list a {
    color: var(--link);
    text-decoration: underline;
    text-decoration-color: transparent;
    text-underline-offset: 3px;
    transition: text-decoration-color .2s ease;
}

.site-map__list a:hover,
.site-map__list a:focus-visible {
    text-decoration-color: currentColor;
}