.html-sitemap {
    max-width: 1100px;
    margin: 0 auto;
    padding: 40px 24px 80px;
}

.html-sitemap h1 {
    margin-bottom: 16px;
}

.sitemap-summary {
    margin-bottom: 36px;
    opacity: 0.7;
}

.sitemap-navigation {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: 12px 24px;
    margin: 24px 0 48px;
}

.sitemap-navigation a {
    overflow-wrap: anywhere;
}

.sitemap-section {
    padding: 28px 0;
    border-top: 1px solid rgba(128,128,128,0.3);
    scroll-margin-top: 90px;
}

.sitemap-section h2 {
    margin: 0 0 20px;
}

.sitemap-articles {
    columns: 2;
    column-gap: 40px;
    padding-left: 20px;
}

.sitemap-articles li {
    margin: 0 0 12px;
    break-inside: avoid;
    overflow-wrap: anywhere;
}

.html-sitemap a {
    color: inherit;
    text-decoration: underline;
    text-underline-offset: 3px;
}

@media (max-width: 650px) {
    .html-sitemap {
        padding: 24px 16px 60px;
    }

    .sitemap-articles {
        columns: 1;
    }
}