.sitemap-page .container { max-width: 990px; margin: 0 auto; }
.sitemap-page .sitemap-search-wrap { max-width: 600px; margin: 24px auto 0; text-align: center; }
.sitemap-page .sitemap-search-wrap input { width: 100%; padding: 14px 16px; border-radius: 10px; border: 1px solid #dde3ff; font-size: 16px; outline: none; }
.sitemap-page .sitemap-search-wrap input:focus { border-color: #006DEE; box-shadow: 0 0 0 2px rgba(0, 109, 238, 0.15); }
#sitemapNoResults { margin-top: 16px; padding: 14px 18px; border-radius: 12px; background: #f8faff; border: 1px dashed #cdd9ff; color: #445266; }
.sitemap-page .section-list { counter-reset: section; list-style: none; padding-left: 0; }
.sitemap-page .section-item { counter-increment: section; padding: 20px; border: 1px solid #dde3ff; border-radius: 12px; margin-bottom: 16px; transition: all 0.25s ease; }
.sitemap-page .section-item:hover { box-shadow: 0 6px 20px rgba(0, 109, 238, 0.08); transform: translateY(-2px); }
.sitemap-page .section-item h2 { color: #006DEE; margin: 0; }
.sitemap-page .section-item h2::before { content: counter(section) ". "; color: #006DEE; }
.sitemap-page .section-item .section-body { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 6px; padding-top: 8px; }
.sitemap-page .section-item .section-body a { display: block; padding: 6px 8px; border-radius: 6px; color: #5C6972; text-transform: capitalize; transition: all 0.2s ease; }
.sitemap-page .section-item .section-body a:hover { background: #f2f6ff; color: #006DEE; text-decoration: none; }
@media (max-width: 600px) { .sitemap-page .section-item .section-body { grid-template-columns: 1fr; } }
@media only screen and (max-width:1020px) {
    .sitemap-page .container { padding: 0 16px; }
    .sitemap-page .sitemap-search-wrap { margin: 16px; }
}
