body.zululand {
	background: #f6f7fb;
	color: #1d1d1f;
}

.zululand .hero {
	background: linear-gradient(135deg, #1f3b5c, #2a6f97);
	color: #fff;
	padding: 28px 16px 22px;
}

.zululand .hero h1 {
	margin: 0 0 8px 0;
	font-size: 2rem;
	letter-spacing: 0.5px;
}

.zululand .navbar ul {
	justify-content: center;
}

.zululand main {
	text-align: left;
}

.zululand .province-content {
	max-width: 920px;
	margin: 24px auto 40px;
	padding: 0 16px;
}

.zululand .province-content h2 {
	margin: 0 0 14px 0;
	font-size: 1.4rem;
	color: #1f3b5c;
}

.zululand .province-content ul,
.zululand .province-content .districts {
	list-style: none;
	padding: 0;
	margin: 0;
	display: grid;
	gap: 12px;
}

.zululand .province-content li {
	list-style: none;
	margin: 0 0 12px 0;
	background: #fff;
	border: 1px solid #d9dce4;
	border-radius: 10px;
	padding: 12px 14px;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
}

.zululand .province-content li a {
	color: #1a4d8f;
	text-decoration: none;
	font-weight: 600;
	display: block;
}

.zululand .province-content li a:hover,
.zululand .province-content li a:focus {
	color: #143b6d;
	text-decoration: underline;
}

@media (min-width: 720px) {
	.zululand .province-content ul,
	.zululand .province-content .districts {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.zululand .province-content li {
		margin: 0;
	}
}

@media (min-width: 1024px) {
	.zululand .hero h1 {
		font-size: 2.4rem;
	}
}