body.mp-district.nkangala-page {
	margin: 0;
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	background: linear-gradient(165deg, #f7f5ef 0%, #e8e2d0 100%);
	color: #2d2a22;
}

body.mp-district.nkangala-page .hero {
	background: linear-gradient(135deg, #4c5d3e, #8a6a2a);
	color: #fff;
	padding: 30px 16px;
	text-align: center;
	border-bottom: 4px solid #d6b26f;
}

body.mp-district.nkangala-page .hero h1 { margin: 0; font-size: clamp(1.7rem, 3vw, 2.4rem); }
body.mp-district.nkangala-page .hero-subtitle { margin: 8px auto 0; max-width: 760px; }

body.mp-district.nkangala-page .navbar { background: #38452d; }
body.mp-district.nkangala-page .navbar ul { list-style: none; margin: 0; padding: 0; display: flex; justify-content: center; flex-wrap: wrap; }
body.mp-district.nkangala-page .navbar a { color: #f9f4e7; text-decoration: none; padding: 12px 18px; display: inline-block; font-weight: 600; }
body.mp-district.nkangala-page .navbar a:hover { background: rgba(255,255,255,0.14); }

body.mp-district.nkangala-page main { width: min(980px, calc(100% - 24px)); margin: 20px auto; flex: 1 0 auto; }
body.mp-district.nkangala-page .district-card { background: #fffdf6; border: 1px solid #e5dcc9; border-radius: 14px; padding: 18px; box-shadow: 0 8px 20px rgba(0,0,0,0.08); }
body.mp-district.nkangala-page .district-card h2 { margin: 0 0 12px; color: #5e4f2d; }

body.mp-district.nkangala-page .municipality-list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit,minmax(220px,1fr)); gap: 12px; }
body.mp-district.nkangala-page .municipality-list li { background: #f8f4e7; border: 1px solid #eadfc6; border-radius: 10px; }
body.mp-district.nkangala-page .municipality-list a { display: block; padding: 12px 14px; text-decoration: none; color: #425b2f; font-weight: 700; }
body.mp-district.nkangala-page .municipality-list a:hover { color: #7a4f24; text-decoration: underline; }