.sitemap-main {
    background: #f6f8fc;
    padding: 24px 0 44px;
}

.sitemap-card {
    background: #fff;
    box-shadow: 0 10px 26px rgba(31, 46, 87, .08);
    padding: 18px 20px 24px;
}

.sitemap-card h2 {
    margin: 0 0 18px;
    color: #1f2e57;
    font-size: 28px;
    font-weight: 800;
}

.sitemap-grid {
    column-count: 3;
    column-gap: 16px;
}

.sitemap-block {
    break-inside: avoid;
    padding-bottom: 14px;
}

.sitemap-level1 {
    display: block;
    color: #1f2e57;
    font-size: 18px;
    font-weight: 700;
    text-decoration: none;
    padding-bottom: 8px;
    margin-bottom: 8px;
    border-bottom: 1px solid #e5e7eb;
}

.sitemap-level1:hover {
    color: #ff4a2a;
}

.sitemap-level2 {
    display: block;
    color: #374151;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    padding: 3px 0 3px 12px;
}

.sitemap-level2:hover {
    color: #ff4a2a;
}

.sitemap-level3 {
    display: block;
    color: #6b7280;
    font-size: 13px;
    text-decoration: none;
    padding: 2px 0 2px 24px;
}

.sitemap-level3:hover {
    color: #ff4a2a;
}

@media (max-width: 991px) {
    .sitemap-grid {
        column-count: 2;
    }
}

@media (max-width: 640px) {
    .sitemap-grid {
        column-count: 1;
    }
}