/* All Post Page Styles */
.allposts-hero {
  position: relative;
  padding: 100px 0 90px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: #fff;
}
.allposts-hero__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.34);
}
.allposts-hero__inner {
  position: relative;
  z-index: 1;
}
.common-title__heading {
  font-size: clamp(2.5rem, 4vw, 4rem);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 1rem;
  color: #ffffff;
}
.common-title__text {
  font-size: 1rem;
  max-width: 720px;
  margin: 0 auto;
  color: rgba(255, 255, 255, 0.92);
  line-height: 1.75;
}
.featured-insight { background: #fff; border-radius: 8px; box-shadow: 0 8px 30px rgba(2,12,24,0.06); overflow: hidden; display: flex;
}
.featured-link {display: flex; text-decoration: none; color: inherit;}
.featured-media {width: 44%; background-size: cover; background-position: center; min-height: 220px; }
.featured-body {padding: 28px; width: 56%; }
.eyebrow {display: block; font-size: 13px; color: #008a8a; letter-spacing: 1px; margin-bottom: 8px;}
.featured-title { font-size: 24px; margin: 0 0 12px; color: #0f172a; }
.featured-excerpt {  color: #4b5563; margin-bottom: 14px; line-height: 1.6; }
.featured-meta { color: rgba(36,50,71,0.6); font-size: 13px; }
.section-heading {  margin-top: 28px; margin-bottom: 18px; font-size: 18px; color: #0f172a;}
.insight-articles,
.insight-articles--archive { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.article-card {background: #fff; border-radius: 6px; overflow: hidden; box-shadow: 0 6px 18px rgba(2,12,24,0.06); }
.article-card:hover {box-shadow: 0 22px 48px rgba(15, 23, 42, 0.14);}
.article-card a { display: block; color: inherit; text-decoration: none;}
.article-media { height: 240px; background-size: cover; background-position: center;}
.article-body {  padding: 18px;}
.article-tag {  background: rgba(0, 138, 138, 0.12); display: inline-block; padding: 6px 10px; border-radius: 20px; font-size: 12px; color: #006b6b; margin-bottom: 10px; }
.article-title { font-size: 18px; margin: 0 0 10px;  color: #0f172a;}
.article-excerpt {    font-size: 14px; line-height: 1.6; color: #4b5563; display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.read-link { display: inline-block; margin-top: 12px; font-weight: 700; color: #008a8a;}
.pagination-wrap { margin-top: 48px;}
.pagination-blog {
	display: flex;
	gap: 8px;
	justify-content: center;
	align-items: center;
	padding: 0;
	margin: 28px 0 0;
	list-style: none;
}
.pagination-blog .page-item { border-radius: 999px; margin: 0;}
.pagination-blog .page-link {
  	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 40px;
	height: 40px;
	padding: 0 12px;
	border-radius: 999px;
	border: 1px solid #e2e8f0;
	background: #f8fafc;
	color: #008a8a;
	text-decoration: none;
}
.pagination-blog .page-item.active .page-link {
  background: #008a8a;
  color: #ffffff;
  border-color: #008a8a;
  	box-shadow: none;
}
.pagination-blog .page-item-nav .page-link {
  color: #008a8a;
}
.pagination-blog .page-item-dots .page-link {
  cursor: default;
  background: transparent;
  border: none;
}
@media (max-width: 992px) { .insight-articles { grid-template-columns: repeat(2,1fr); } .featured-media { display: none; } .featured-body { width: 100%; } .featured-link { flex-direction: column; } }
@media (max-width: 640px) { .insight-articles { grid-template-columns: 1fr; } }
@media (max-width: 480px) {
	.pagination-blog { gap: 6px; }
	.pagination-blog .page-link { min-width: 36px; height: 36px; border-radius: 6px; padding: 0 8px; }
}

