@import url("../component/text/highlight-title.css");

.site-map-content {
    width: 100%;
    max-width: 960px;
    margin: auto;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-x-big);
    padding: var(--spacing-x-big) var(--spacing-big);
}

.site-map-list {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--spacing-big);
}

.site-map-group {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-sm);
}

.site-map-group-title {
    color: var(--primary-800);
}

.site-map-group ul {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-x-sm);
    padding-left: var(--spacing-big);
    list-style: disc;
}

.site-map-group a {
    color: var(--grey-900);
    text-decoration: none;
}

.site-map-group a:hover {
    color: var(--primary-800);
    text-decoration: underline;
}

@media (min-width: 992px) {
    .site-map-content {
        padding: var(--spacing-xxx-big) var(--spacing-container);
    }

    .site-map-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}