.news-wrap { padding: 28px 16px; max-width: 1200px; margin: 0 auto; }
	.news-wrap h2 { margin: 0 0 16px; font-family: Arial, Helvetica, sans-serif; color:#0b6b3a; }
	.news-grid {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		gap: 18px;
	}
	.news-card {
		display: flex; flex-direction: column;
		background: #fff; border: 1px solid #e6e6e6; border-radius: 12px;
		overflow: hidden; box-shadow: 0 6px 20px rgba(0,0,0,.06);
		transition: transform .18s ease, box-shadow .18s ease;
		text-decoration: none; color: inherit;
	}
	.news-card:hover { transform: translateY(-2px); box-shadow: 0 12px 28px rgba(0,0,0,.10); }
	.news-card .thumb { aspect-ratio: 16/9; width: 100%; object-fit: cover; background: #f3f3f3; }
	.news-card .body { padding: 14px; font-family: Arial, Helvetica, sans-serif; }
	.news-card .meta { color:#64748b; font-size:.9rem; margin-bottom: 6px; }
	.news-card h3 { margin: 0 0 8px; font-size:1.05rem; color:#111827; }
	.news-card p { margin: 0 0 10px; color:#374151; line-height: 1.4; }

/* Justify the excerpt/description inside news cards.
   Use word justification and optional hyphenation for better spacing.
   Also apply a tasteful multi-line clamp to limit preview length on narrow layouts.
*/
.news-card .desc {
	text-align: justify;
	text-justify: inter-word;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	hyphens: auto;
	line-height: 1.5;
	margin-bottom: 10px;

	/* multi-line clamp (fallback safe): show up to 5 lines and then ellipsis on supporting browsers */
	display: -webkit-box;
	-webkit-box-orient: vertical;
	line-clamp: 5;
	-webkit-line-clamp: 5;
	overflow: hidden;
}
	.news-card .read-more { font-weight:700; color:#0b6b3a; text-decoration: none; }
	.news-card .read-more:hover { text-decoration: underline; }


	.pagination { display:flex; gap:8px; justify-content:center; align-items:center; margin:18px 0 8px; font-family: Arial, Helvetica, sans-serif; }
	.pagination a, .pagination span {
		display:inline-block; padding:8px 12px; border-radius:8px; text-decoration:none; border:1px solid #d1d5db; color:#374151; background:#fff;
	}
	.pagination a:hover { background:#f3f4f6; }
	.pagination .active { background:#0b6b3a; color:#fff; border-color:#0b6b3a; }
	.pagination .disabled { opacity:.5; pointer-events:none; }

	@media (max-width: 1200px){ .news-grid{ grid-template-columns: repeat(3, 1fr); } }
	@media (max-width: 900px){ .news-grid{ grid-template-columns: repeat(2, 1fr); } }
	@media (max-width: 600px){ .news-grid{ grid-template-columns: 1fr; } }