.sitemap-page { max-width: 1100px; margin: 0 auto; padding: 42px 15px 55px; }
.sitemap-hero { padding: 38px 42px; color: #fff; background: linear-gradient(120deg, #075c48, #168567); box-shadow: 0 10px 24px rgba(32, 59, 53, .12); }
.sitemap-hero h1 { margin: 0 0 10px; font-size: clamp(28px, 4vw, 42px); line-height: 1.3; }
.sitemap-hero p:last-child { margin: 0; color: #e3f3ed; font-size: 17px; }
.sitemap-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin-top: 35px; }
.sitemap-section { padding: 25px; background: var(--surface-color); border: 1px solid var(--border-color); border-top: 4px solid var(--accent-color); box-shadow: 0 5px 18px rgba(32, 59, 53, .06); }
.sitemap-section h2 { margin: 0 0 14px; color: var(--primary-color); font-size: 19px; }
.sitemap-section h2 i { width: 25px; color: var(--accent-color); }
.sitemap-section ul { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
.sitemap-section a { display: block; padding: 8px 10px; color: var(--muted-color); text-decoration: none; border-bottom: 1px solid #edf2ef; transition: color .2s, padding-left .2s; }
.sitemap-section a:hover { padding-left: 15px; color: var(--primary-color); }

@media (max-width: 700px) {
	.sitemap-page { padding-top: 30px; }
	.sitemap-hero { padding: 28px 22px; }
	.sitemap-grid { grid-template-columns: 1fr; }
}