/* Iteration 16: magazine-style article listing */
.posts-hero-pro{
	display:grid;
	grid-template-columns:minmax(0,1fr) minmax(320px,440px);
	gap:22px;
	align-items:stretch;
	padding:28px;
	border:1px solid rgba(15,23,42,.08);
	border-radius:30px;
	background:radial-gradient(circle at 14% 18%,rgba(14,165,233,.14),transparent 32%),linear-gradient(135deg,#fff,rgba(248,250,252,.92));
	box-shadow:0 26px 70px rgba(15,23,42,.075);
}
.posts-hero-pro__copy{display:flex;flex-direction:column;justify-content:center;min-height:310px;}
.posts-hero-pro h1{font-size:clamp(2rem,3.8vw,3.8rem);line-height:1.02;font-weight:500;letter-spacing:-.052em;color:#0f172a;margin:0 0 14px;}
.posts-hero-pro p{font-size:1.02rem;line-height:1.72;color:#475569;font-weight:340;max-width:760px;margin:0;}
.posts-hero-pro__actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px;}
.posts-hero-pro__actions .btn{font-weight:420;border-radius:14px;padding:.72rem 1rem;}
.posts-hero-pro__feature{border:1px solid rgba(15,23,42,.08);border-radius:26px;background:#fff;text-decoration:none;color:#0f172a;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 50px rgba(15,23,42,.07);}
.posts-hero-pro__image{display:block;min-height:220px;flex:1;background-size:cover;background-position:center;background-color:#e2e8f0;}
.posts-hero-pro__body{display:grid;gap:8px;padding:18px;}
.posts-hero-pro__body em{font-style:normal;font-size:.78rem;color:#0369a1;font-weight:430;}
.posts-hero-pro__body span{font-size:1.08rem;line-height:1.28;font-weight:480;letter-spacing:-.02em;}
.posts-page .page-head,
.posts-page .page-head-pro{
	background:rgba(255,255,255,.86);
	border:1px solid rgba(15,23,42,.08);
	box-shadow:0 14px 40px rgba(2,6,23,.06);
	border-radius:24px;
	padding:20px;
}
.posts-page .page-head-pro p{margin:6px 0 0;color:#64748b;font-weight:330;line-height:1.55;max-width:820px;}
.posts-page .posts-grid-pro{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
.posts-page .post-tile-premium{
	border:1px solid rgba(15,23,42,.08);
	background:#fff;
	box-shadow:0 18px 48px rgba(2,6,23,.06);
	border-radius:24px;
	overflow:hidden;
	transition:transform .14s ease, box-shadow .14s ease, border-color .14s ease;
}
.posts-page .post-tile-premium:hover{transform:translateY(-2px);border-color:rgba(14,165,233,.28);box-shadow:0 22px 60px rgba(2,6,23,.09);}
.posts-page .post-tile-premium--wide{grid-column:span 2;display:grid;grid-template-columns:.9fr 1.1fr;}
.posts-page .post-tile-premium--tall{grid-row:span 2;}
.posts-page .post-tile-img{display:block;height:190px;background-size:cover;background-position:center;background-color:#e2e8f0;position:relative;}
.posts-page .post-tile-premium--wide .post-tile-img{height:auto;min-height:260px;}
.posts-page .post-tile-premium--tall .post-tile-img{height:310px;}
.posts-page .post-tile-img::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,6,23,.03),rgba(2,6,23,.14));pointer-events:none;}
.posts-page .post-tile-body{padding:18px;display:flex;flex-direction:column;min-height:230px;}
.posts-page .post-tile-title{display:inline-block;font-weight:480;letter-spacing:-.025em;color:#0f172a;text-decoration:none;line-height:1.24;font-size:1.08rem;}
.posts-page .post-tile-premium--wide .post-tile-title{font-size:1.36rem;line-height:1.18;}
.posts-page .post-tile-title:hover{color:#0369a1;}
.posts-page .post-tile-ex{margin-top:.55rem;color:#64748b;line-height:1.58;font-size:.94rem;font-weight:330;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.posts-page .post-tile-foot{margin-top:auto;padding-top:16px;display:flex;align-items:center;justify-content:flex-start;gap:.75rem;}
.posts-page .post-metrics{display:none;}
.posts-page .post-read-btn.btn.btn-primary{border:0!important;border-radius:12px!important;font-weight:420!important;letter-spacing:-.01em;background:linear-gradient(135deg,var(--brand),#0284c7)!important;box-shadow:0 12px 26px rgba(14,165,233,.20)!important;transition:transform .12s ease, box-shadow .12s ease!important;}
.posts-page .post-read-btn.btn.btn-primary:hover{transform:translateY(-1px)!important;box-shadow:0 16px 34px rgba(14,165,233,.24)!important;}
.posts-page #postsLoadMore.btn.btn-outline-primary{border:1px solid rgba(148,163,184,.45)!important;background:rgba(255,255,255,.74)!important;color:#0f172a!important;border-radius:13px!important;font-weight:420!important;box-shadow:0 8px 18px rgba(2,6,23,.06)!important;transition:transform .12s ease, box-shadow .12s ease, border-color .12s ease, color .12s ease;}
.posts-page #postsLoadMore.btn.btn-outline-primary:hover{border-color:rgba(14,165,233,.6)!important;color:var(--brand)!important;transform:translateY(-1px)!important;box-shadow:0 12px 24px rgba(2,6,23,.09)!important;}
.posts-page #postsLoadMore:disabled{opacity:.85;transform:none!important;}
@media (max-width:991.98px){
	.posts-hero-pro{grid-template-columns:1fr;}
	.posts-hero-pro__copy{min-height:auto;}
	.posts-page .posts-grid-pro{grid-template-columns:repeat(2,minmax(0,1fr));}
	.posts-page .post-tile-premium--wide{grid-column:span 2;}
}
@media (max-width:576px){
	.posts-hero-pro{padding:20px;border-radius:24px;}
	.posts-page .posts-grid-pro{grid-template-columns:1fr;}
	.posts-page .post-tile-premium--wide{grid-column:auto;grid-template-columns:1fr;}
	.posts-page .post-tile-premium--wide .post-tile-img,.posts-page .post-tile-premium--tall .post-tile-img,.posts-page .post-tile-img{height:190px;min-height:0;}
	.posts-page .post-read-btn{width:100%;}
}

/* Iteration 18: let larger article cards use more text instead of leaving empty space */
.posts-page .post-tile-body{min-height:260px;}
.posts-page .post-tile-ex{-webkit-line-clamp:5;line-height:1.66;}
.posts-page .post-tile-premium--wide .post-tile-body{min-height:330px;padding:24px;}
.posts-page .post-tile-premium--wide .post-tile-ex{-webkit-line-clamp:9;font-size:.97rem;line-height:1.68;margin-top:.75rem;}
.posts-page .post-tile-premium--tall .post-tile-body{min-height:350px;padding:22px;}
.posts-page .post-tile-premium--tall .post-tile-ex{-webkit-line-clamp:10;line-height:1.68;}
@media (max-width:576px){
	.posts-page .post-tile-body,
	.posts-page .post-tile-premium--wide .post-tile-body,
	.posts-page .post-tile-premium--tall .post-tile-body{min-height:auto;padding:18px;}
	.posts-page .post-tile-ex,
	.posts-page .post-tile-premium--wide .post-tile-ex,
	.posts-page .post-tile-premium--tall .post-tile-ex{-webkit-line-clamp:4;}
}

/* Iteration 19: make large cards use available editorial space */
.posts-page .post-tile-premium--wide .post-tile-body{
	min-height:360px;
	justify-content:flex-start;
}
.posts-page .post-tile-premium--wide .post-tile-ex{
	-webkit-line-clamp:12;
	max-height:none;
}
.posts-page .post-tile-premium--tall .post-tile-body{
	min-height:390px;
	justify-content:flex-start;
}
.posts-page .post-tile-premium--tall .post-tile-ex{
	-webkit-line-clamp:13;
	max-height:none;
}
.posts-page .post-tile-premium--wide .post-tile-foot,
.posts-page .post-tile-premium--tall .post-tile-foot{
	margin-top:auto;
}

/* Iteration 68: clean article index, latest-first + random editorial grid */
.posts-hero-pro.posts-hero-pro--clean{
	grid-template-columns:1fr;
	padding:clamp(24px,3vw,38px);
	border-radius:32px;
	background:radial-gradient(circle at 86% 16%,rgba(125,211,252,.18),transparent 30%),radial-gradient(circle at 14% 28%,rgba(45,212,191,.12),transparent 32%),linear-gradient(135deg,#fff,rgba(248,250,252,.92));
}
.posts-hero-pro--clean .posts-hero-pro__copy{min-height:240px;max-width:980px;}
.posts-hero-pro--clean h1{font-size:clamp(2.05rem,4vw,4.35rem);}
.posts-hero-pro--clean .posts-hero-pro__actions .btn{height:40px;padding:0 16px;border-radius:14px;font-weight:410;}
.posts-page-pro--clean{padding:0;background:transparent;border:0;box-shadow:none;}
.posts-page-pro--clean .posts-grid-pro{margin-top:0!important;}
.posts-page .post-tile-premium--latest{grid-column:span 2;display:grid;grid-template-columns:minmax(300px,.92fr) minmax(0,1.08fr);}
.posts-page .post-tile-premium--latest .post-tile-img{height:auto;min-height:300px;}
.posts-page .post-tile-premium--latest .post-tile-body{min-height:300px;padding:24px;}
.posts-page .post-latest-badge{position:absolute;left:16px;top:16px;display:inline-flex;align-items:center;gap:7px;border-radius:999px;background:rgba(255,255,255,.92);color:#0369a1;border:1px solid rgba(14,165,233,.16);box-shadow:0 10px 28px rgba(15,23,42,.12);padding:7px 11px;font-size:.78rem;font-weight:520;}
.posts-page .post-read-link{display:inline-flex!important;width:auto!important;margin-top:auto;border:1px solid rgba(14,165,233,.16);border-radius:999px;background:linear-gradient(180deg,#fff,rgba(240,249,255,.82));padding:8px 12px;font-size:.86rem;font-weight:430;color:#0369a1!important;box-shadow:0 10px 22px rgba(15,23,42,.04);transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease;}
.posts-page .post-read-link:hover{transform:translateY(-1px);border-color:rgba(14,165,233,.32);box-shadow:0 14px 28px rgba(15,23,42,.07);}
.posts-page .post-read-link i{font-size:.82rem;transition:transform .12s ease;}
.posts-page .post-read-link:hover i{transform:translateX(2px);}
.posts-load-more-wrap{margin-top:18px!important;}
.posts-page #postsLoadMore.btn.btn-outline-primary{background:linear-gradient(180deg,#fff,rgba(240,249,255,.86))!important;border:1px solid rgba(14,165,233,.24)!important;color:#0369a1!important;border-radius:12px!important;height:34px!important;min-width:170px!important;padding:0 18px!important;font-size:13px!important;font-weight:410!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;box-shadow:none!important;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease!important;}
.posts-page #postsLoadMore.btn.btn-outline-primary:hover{transform:translateY(-1px)!important;border-color:rgba(14,165,233,.42)!important;box-shadow:0 12px 24px rgba(14,165,233,.10)!important;color:#0369a1!important;}
.posts-page #postsLoadMore:disabled{opacity:.82;transform:none!important;}
@media (max-width:991.98px){
	.posts-page .post-tile-premium--latest{grid-column:span 2;grid-template-columns:1fr;}
	.posts-page .post-tile-premium--latest .post-tile-img{height:260px;min-height:0;}
}
@media (max-width:576px){
	.posts-hero-pro--clean .posts-hero-pro__copy{min-height:auto;}
	.posts-page .post-tile-premium--latest{grid-column:auto;}
	.posts-page .post-tile-premium--latest .post-tile-img{height:200px;}
	.posts-page .post-tile-premium--latest .post-tile-body{min-height:auto;padding:18px;}
	.posts-page .post-read-link{width:auto!important;}
}


/* Iteration 69: article index button polish + fuller initial grid */
.posts-hero-pro--clean .posts-hero-pro__actions{
	margin-top:20px;
	gap:8px;
}
.posts-hero-pro--clean .posts-hero-pro__actions .btn{
	height:36px!important;
	min-height:36px!important;
	padding:0 13px!important;
	border-radius:12px!important;
	font-size:.88rem!important;
	font-weight:430!important;
	letter-spacing:-.01em;
	box-shadow:0 9px 20px rgba(15,23,42,.055)!important;
}
.posts-hero-pro--clean .posts-hero-pro__actions .btn i{
	font-size:.82rem;
	margin-right:6px!important;
}
.posts-hero-pro--clean .posts-hero-pro__actions .btn-primary{
	background:linear-gradient(135deg,#0ea5e9,#0284c7)!important;
	border:0!important;
	color:#fff!important;
	box-shadow:0 12px 24px rgba(14,165,233,.18)!important;
}
.posts-hero-pro--clean .posts-hero-pro__actions .btn-outline-primary{
	background:linear-gradient(180deg,#fff,rgba(240,249,255,.88))!important;
	border:1px solid rgba(14,165,233,.18)!important;
	color:#0f172a!important;
}
.posts-hero-pro--clean .posts-hero-pro__actions .btn:hover{
	transform:translateY(-1px);
	box-shadow:0 13px 26px rgba(15,23,42,.08)!important;
}
.posts-page .posts-grid-pro{
	grid-auto-flow:dense;
}
.posts-page .post-latest-badge{
	display:none!important;
}
.posts-page .post-latest-kicker{
	display:inline-flex;
	align-items:center;
	gap:7px;
	width:max-content;
	margin-bottom:12px;
	border-radius:999px;
	background:rgba(224,242,254,.8);
	color:#0369a1;
	border:1px solid rgba(14,165,233,.16);
	padding:6px 10px;
	font-size:.78rem;
	font-weight:520;
	box-shadow:0 8px 20px rgba(14,165,233,.08);
}
.posts-page .post-latest-kicker i{
	font-size:.72rem;
	color:#0ea5e9;
}
.posts-page .post-read-link{
	min-height:32px!important;
	padding:6px 10px!important;
	font-size:.82rem!important;
	border-radius:12px!important;
	gap:7px!important;
	background:#fff!important;
	border:1px solid rgba(14,165,233,.18)!important;
	box-shadow:0 8px 20px rgba(15,23,42,.045)!important;
}
.posts-page .post-read-link i{
	font-size:.72rem!important;
}
.posts-page #postsLoadMore.btn.btn-outline-primary{
	min-height:34px!important;
	height:34px!important;
	padding:0 18px!important;
	border-radius:12px!important;
	font-size:13px!important;
	font-weight:410!important;
	background:linear-gradient(180deg,#fff,rgba(240,249,255,.86))!important;
	border:1px solid rgba(14,165,233,.24)!important;
	color:#0369a1!important;
	box-shadow:none!important;
}
.posts-page #postsLoadMore.btn.btn-outline-primary:hover{
	transform:translateY(-1px)!important;
	border-color:rgba(14,165,233,.42)!important;
	box-shadow:0 12px 24px rgba(14,165,233,.10)!important;
}
@media (max-width:576px){
	.posts-hero-pro--clean .posts-hero-pro__actions .btn{
		width:auto!important;
		justify-content:center!important;
	}
	.posts-hero-pro--clean .posts-hero-pro__actions{
		align-items:flex-start;
	}
}


/* Iteration 70: final article hero CTA vertical-centering fix */
.posts-hero-pro--clean .posts-hero-pro__actions{
	align-items:center!important;
}
.posts-hero-pro--clean .posts-hero-pro__actions .btn,
.posts-hero-pro--clean .posts-hero-pro__actions a.btn{
	display:inline-flex!important;
	align-items:center!important;
	justify-content:center!important;
	gap:7px!important;
	line-height:1!important;
	white-space:nowrap!important;
	vertical-align:middle!important;
	box-sizing:border-box!important;
}
.posts-hero-pro--clean .posts-hero-pro__actions .btn i,
.posts-hero-pro--clean .posts-hero-pro__actions a.btn i{
	display:inline-flex!important;
	align-items:center!important;
	justify-content:center!important;
	line-height:1!important;
	margin:0!important;
	position:relative!important;
	top:0!important;
	transform:none!important;
}
.posts-hero-pro--clean .posts-hero-pro__actions .btn:hover i{transform:none!important;}