/* ABAPP Blog Archive V1 */

.abapp-blog-archive{background:#fff;}
.abapp-blog-archive__container{width:min(calc(100% - var(--abapp-content-gutter,48px)),var(--abapp-content-width,1280px));margin-inline:auto;}
.abapp-blog-archive__hero{padding:55px 0 88px;color:#fff;background:radial-gradient(circle at 88% 8%,rgba(57,134,226,.29),transparent 31%),linear-gradient(116deg,#0b233d 0%,#123f73 61%,#165ca8 100%);}
.abapp-blog-archive__breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:35px;color:#a9c5df;font-size:11.5px;font-weight:650;}
.abapp-blog-archive__breadcrumb a{color:#e7f1fb;text-decoration:none;}
.abapp-blog-archive__breadcrumb a:hover,.abapp-blog-archive__breadcrumb a:focus-visible{color:#fff;text-decoration:underline;text-underline-offset:3px;outline:none;}
.abapp-blog-archive__kicker{display:inline-flex;color:#8fc0f4;font-size:10.5px;font-weight:850;letter-spacing:.09em;text-transform:uppercase;}
.abapp-blog-archive__hero h1{max-width:930px;margin:12px 0 0;color:#fff;font-size:clamp(38px,4.4vw,64px);font-weight:760;line-height:1.02;letter-spacing:-.048em;text-wrap:balance;}
.abapp-blog-archive__hero p{max-width:780px;margin:19px 0 0;color:rgba(232,241,250,.8);font-size:15px;line-height:1.65;}
.abapp-blog-archive__body{padding-bottom:76px;}
.abapp-blog-archive__filters{position:relative;z-index:3;display:grid;grid-template-columns:minmax(240px,1fr) minmax(190px,.58fr) minmax(145px,.4fr) auto auto;gap:10px;align-items:center;margin-top:-34px;padding:15px;background:#fff;border:1px solid #dbe7f2;border-radius:17px;box-shadow:0 20px 52px rgba(15,52,90,.13);}
.abapp-blog-archive__search{position:relative;display:flex;align-items:center;}
.abapp-blog-archive__search svg{position:absolute;left:14px;color:#5980a5;pointer-events:none;}
.abapp-blog-archive__search input,.abapp-blog-archive__select select{width:100%;min-height:48px;color:#173b63;background:#f7fafc;border:1px solid #dce7f1;border-radius:10px;font:inherit;font-size:12px;font-weight:600;outline:none;}
.abapp-blog-archive__search input{padding:0 14px 0 43px;}
.abapp-blog-archive__select select{padding:0 34px 0 13px;cursor:pointer;}
.abapp-blog-archive__search input:focus,.abapp-blog-archive__select select:focus{background:#fff;border-color:#2772c9;box-shadow:0 0 0 3px rgba(39,114,201,.12);}
.abapp-blog-archive__filters button,.abapp-blog-archive__clear{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 17px;font-size:11.5px;font-weight:800;border-radius:10px;white-space:nowrap;}
.abapp-blog-archive__filters button{color:#fff;background:#0d58b6;border:0;cursor:pointer;}
.abapp-blog-archive__filters button:hover,.abapp-blog-archive__filters button:focus-visible{background:#094793;outline:none;}
.abapp-blog-archive__clear{color:#245b8c;text-decoration:none;background:#f2f7fb;border:1px solid #dce7f1;}
.abapp-blog-archive__clear:hover,.abapp-blog-archive__clear:focus-visible{color:#074a9b;background:#e9f2fa;outline:none;}
.abapp-blog-archive__categories{display:flex;gap:7px;align-items:center;overflow-x:auto;padding:24px 0 8px;scrollbar-width:thin;}
.abapp-blog-archive__categories a{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;min-height:34px;padding:0 11px;color:#315d88;font-size:10.5px;font-weight:750;text-decoration:none;background:#f2f6fa;border:1px solid #dce7f1;border-radius:999px;}
.abapp-blog-archive__categories a small{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;color:#65809a;background:#fff;border-radius:999px;font-size:9px;}
.abapp-blog-archive__categories a:hover,.abapp-blog-archive__categories a:focus-visible,.abapp-blog-archive__categories a.is-active{color:#fff;background:#0f58ae;border-color:#0f58ae;outline:none;}
.abapp-blog-archive__categories a.is-active small,.abapp-blog-archive__categories a:hover small{color:#0c559f;}
.abapp-blog-archive__results-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin:43px 0 24px;}
.abapp-blog-archive__results-head h2{margin:6px 0 0;color:#102f55;font-size:clamp(27px,2.7vw,38px);font-weight:770;line-height:1.08;letter-spacing:-.035em;}
.abapp-blog-archive__results-head p{margin:0;color:#607a93;font-size:11.5px;font-weight:700;}
.abapp-blog-archive__posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px;}
.abapp-blog-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;background:#fff;border:1px solid #dfe8f2;border-radius:18px;box-shadow:0 13px 35px rgba(16,48,82,.065);transition:transform 180ms ease,box-shadow 180ms ease;}
.abapp-blog-card:hover{transform:translateY(-3px);box-shadow:0 22px 49px rgba(16,48,82,.115);}
.abapp-blog-card__media{display:block;aspect-ratio:16/10;overflow:hidden;background:#eaf1f7;}
.abapp-blog-card__media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 600ms ease;}
.abapp-blog-card:hover .abapp-blog-card__media img{transform:scale(1.035);}
.abapp-blog-card__fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#2a6aab;background:radial-gradient(circle at 30% 25%,rgba(56,126,207,.19),transparent 32%),linear-gradient(145deg,#edf4fa,#dce9f4);}
.abapp-blog-card__body{display:flex;flex:1;flex-direction:column;align-items:flex-start;padding:22px;}
.abapp-blog-card__meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;color:#72869a;font-size:9.5px;font-weight:700;}
.abapp-blog-card__meta a{display:inline-flex;align-items:center;min-height:23px;padding:0 8px;color:#1762aa;text-decoration:none;background:#edf5fc;border-radius:999px;font-weight:800;}
.abapp-blog-card__meta a:hover,.abapp-blog-card__meta a:focus-visible{color:#fff;background:#0e58ae;outline:none;}
.abapp-blog-card__meta span+span::before{content:"•";margin-right:10px;color:#a7b5c1;}
.abapp-blog-card h2{margin:14px 0 0;font-size:clamp(19px,1.6vw,23px);font-weight:780;line-height:1.18;letter-spacing:-.027em;text-wrap:balance;}
.abapp-blog-card h2 a{color:#153b64;text-decoration:none;}
.abapp-blog-card h2 a:hover,.abapp-blog-card h2 a:focus-visible{color:#0758b9;outline:none;}
.abapp-blog-card__body>p{display:-webkit-box;overflow:hidden;margin:12px 0 19px;color:#657a8f;font-size:12.5px;line-height:1.58;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.abapp-blog-card__action{display:inline-flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:42px;margin-top:auto;padding:0 12px;color:#0c56ad;font-size:11.5px;font-weight:800;text-decoration:none;background:#f2f7fc;border:1px solid #dbe7f2;border-radius:9px;}
.abapp-blog-card__action:hover,.abapp-blog-card__action:focus-visible{color:#fff;background:#0e59b1;border-color:#0e59b1;outline:none;}
.abapp-blog-card--featured{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);min-height:390px;}
.abapp-blog-card--featured .abapp-blog-card__media{height:100%;aspect-ratio:auto;}
.abapp-blog-card--featured .abapp-blog-card__body{justify-content:center;padding:clamp(30px,4vw,49px);}
.abapp-blog-card--featured h2{max-width:650px;font-size:clamp(29px,3vw,42px);line-height:1.05;}
.abapp-blog-card--featured .abapp-blog-card__body>p{max-width:650px;font-size:14px;line-height:1.65;-webkit-line-clamp:4;}
.abapp-blog-card--featured .abapp-blog-card__action{width:auto;min-width:180px;}
.abapp-blog-archive__pagination{display:flex;justify-content:center;flex-wrap:wrap;gap:7px;margin-top:38px;}
.abapp-blog-archive__pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;padding:0 12px;color:#285b89;font-size:11.5px;font-weight:750;text-decoration:none;background:#f2f7fb;border:1px solid #dbe7f1;border-radius:9px;}
.abapp-blog-archive__pagination .current,.abapp-blog-archive__pagination a:hover,.abapp-blog-archive__pagination a:focus-visible{color:#fff;background:#0e58ae;border-color:#0e58ae;outline:none;}
.abapp-blog-archive__empty{padding:60px 24px;text-align:center;background:#f5f9fc;border:1px solid #dfeaf3;border-radius:18px;}
.abapp-blog-archive__empty h2{margin:0;color:#14395f;font-size:27px;}
.abapp-blog-archive__empty p{color:#667d92;font-size:13.5px;}
.abapp-blog-archive__empty a{display:inline-flex;margin-top:7px;padding:12px 17px;color:#fff;text-decoration:none;background:#0e58ae;border-radius:9px;font-size:12px;font-weight:800;}
.abapp-blog-archive__cta{padding:0 0 76px;background:#fff;}
.abapp-blog-archive__cta-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:38px;align-items:center;padding:34px 38px;color:#fff;background:radial-gradient(circle at 94% 10%,rgba(81,151,229,.24),transparent 28%),linear-gradient(115deg,#0e2945,#13497e 72%,#155ca7);border-radius:19px;box-shadow:0 19px 43px rgba(13,47,82,.11);}
.abapp-blog-archive__cta h2{max-width:800px;margin:8px 0 0;color:#fff;font-size:clamp(27px,2.7vw,38px);font-weight:760;line-height:1.07;letter-spacing:-.035em;}
.abapp-blog-archive__cta p{max-width:690px;margin:11px 0 0;color:rgba(231,241,250,.78);font-size:13px;line-height:1.55;}
.abapp-blog-archive__cta-actions{display:flex;gap:8px;}
.abapp-blog-archive__cta-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 16px;font-size:11.5px;font-weight:800;text-decoration:none;border-radius:9px;}
.abapp-blog-archive__cta-actions a:first-child{color:#12365c;background:#fff;border:1px solid #fff;}
.abapp-blog-archive__cta-actions a:last-child{color:#fff;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.22);}
@media(max-width:1050px){.abapp-blog-archive__filters{grid-template-columns:repeat(2,minmax(0,1fr));}.abapp-blog-archive__posts{grid-template-columns:repeat(2,minmax(0,1fr));}.abapp-blog-card--featured{grid-template-columns:minmax(0,1fr) minmax(320px,.85fr);}.abapp-blog-archive__cta-inner{grid-template-columns:1fr;}.abapp-blog-archive__cta-actions{flex-wrap:wrap;}}
@media(max-width:720px){.abapp-blog-archive__hero{padding:44px 0 67px;}.abapp-blog-archive__breadcrumb{margin-bottom:25px;}.abapp-blog-archive__filters{grid-template-columns:1fr;margin-top:-25px;padding:13px;border-radius:14px;}.abapp-blog-archive__categories{margin-inline:calc(var(--abapp-content-gutter,28px)/-2);padding-inline:calc(var(--abapp-content-gutter,28px)/2);}.abapp-blog-archive__results-head{flex-direction:column;align-items:flex-start;gap:7px;margin-top:35px;}.abapp-blog-archive__posts{grid-template-columns:1fr;}.abapp-blog-card--featured{display:flex;grid-column:auto;min-height:0;}.abapp-blog-card--featured .abapp-blog-card__media{aspect-ratio:16/10;height:auto;}.abapp-blog-card--featured .abapp-blog-card__body{padding:22px;}.abapp-blog-card--featured h2{font-size:23px;}.abapp-blog-card--featured .abapp-blog-card__body>p{font-size:12.5px;-webkit-line-clamp:3;}.abapp-blog-card--featured .abapp-blog-card__action{width:100%;}.abapp-blog-archive__cta{padding-bottom:55px;}.abapp-blog-archive__cta-inner{padding:27px 22px;}.abapp-blog-archive__cta-actions{display:grid;grid-template-columns:1fr;width:100%;}.abapp-blog-archive__cta-actions a{width:100%;}}
@media(prefers-reduced-motion:reduce){.abapp-blog-card,.abapp-blog-card__media img{transition:none!important;}}


/* ==========================================================================
   ABAPP Blog Sidebar V2
   Main editorial stream + sticky complementary navigation.
   ========================================================================== */

.abapp-blog-archive__layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 300px;
	gap: 28px;
	align-items: start;
	margin-top: 38px;
}

.abapp-blog-archive__main {
	min-width: 0;
}

.abapp-blog-archive__layout .abapp-blog-archive__results-head {
	margin: 0 0 24px;
}

.abapp-blog-archive__layout .abapp-blog-archive__posts {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.abapp-blog-archive__layout .abapp-blog-card--featured {
	grid-column: 1 / -1;
	grid-template-columns: minmax(0, 1.08fr) minmax(300px, .92fr);
	min-height: 320px;
	max-height: 420px;
}

.abapp-blog-archive__layout .abapp-blog-card--featured .abapp-blog-card__media {
	min-height: 320px;
}

.abapp-blog-archive__layout .abapp-blog-card--featured .abapp-blog-card__body {
	padding: clamp(25px, 3vw, 38px);
}

.abapp-blog-archive__layout .abapp-blog-card--featured h2 {
	font-size: clamp(27px, 2.45vw, 37px);
}

.abapp-blog-sidebar {
	position: sticky;
	top: 105px;
	display: grid;
	gap: 15px;
	min-width: 0;
}

.abapp-blog-sidebar__card,
.abapp-blog-sidebar__cta {
	overflow: hidden;
	background: #fff;
	border: 1px solid #dfe8f2;
	border-radius: 16px;
	box-shadow: 0 13px 34px rgba(16,48,82,.06);
}

.abapp-blog-sidebar__card {
	padding: 20px;
}

.abapp-blog-sidebar__heading {
	margin-bottom: 14px;
}

.abapp-blog-sidebar__heading h2,
.abapp-blog-sidebar__cta h2 {
	margin: 6px 0 0;
	color: #14395f;
	font-size: 20px;
	font-weight: 790;
	line-height: 1.12;
	letter-spacing: -.025em;
}

.abapp-blog-sidebar__categories {
	display: grid;
	gap: 5px;
}

.abapp-blog-sidebar__categories a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	min-height: 38px;
	padding: 7px 9px 7px 11px;
	color: #345a7d;
	font-size: 11px;
	font-weight: 720;
	text-decoration: none;
	background: #f7fafc;
	border: 1px solid #e5edf4;
	border-radius: 9px;
}

.abapp-blog-sidebar__categories a small {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	min-width: 25px;
	height: 22px;
	padding: 0 6px;
	color: #668098;
	font-size: 9px;
	font-weight: 800;
	background: #fff;
	border: 1px solid #e1eaf2;
	border-radius: 999px;
}

.abapp-blog-sidebar__categories a:hover,
.abapp-blog-sidebar__categories a:focus-visible,
.abapp-blog-sidebar__categories a.is-active {
	color: #fff;
	background: #0f58ae;
	border-color: #0f58ae;
	outline: none;
}

.abapp-blog-sidebar__categories a:hover small,
.abapp-blog-sidebar__categories a.is-active small {
	color: #0d559f;
	border-color: #fff;
}

.abapp-blog-sidebar__recent {
	display: grid;
	gap: 12px;
}

.abapp-blog-sidebar__recent > a {
	display: grid;
	grid-template-columns: 66px minmax(0, 1fr);
	gap: 10px;
	align-items: center;
	color: #254d74;
	text-decoration: none;
}

.abapp-blog-sidebar__recent-media {
	display: block;
	aspect-ratio: 1 / 1;
	overflow: hidden;
	background: linear-gradient(145deg,#edf4fa,#dce9f4);
	border-radius: 9px;
}

.abapp-blog-sidebar__recent-media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.abapp-blog-sidebar__recent strong,
.abapp-blog-sidebar__recent small {
	display: block;
}

.abapp-blog-sidebar__recent strong {
	display: -webkit-box;
	overflow: hidden;
	color: #244a70;
	font-size: 11px;
	font-weight: 780;
	line-height: 1.35;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

.abapp-blog-sidebar__recent small {
	margin-top: 4px;
	color: #8797a7;
	font-size: 9px;
	font-weight: 650;
}

.abapp-blog-sidebar__recent > a:hover strong,
.abapp-blog-sidebar__recent > a:focus-visible strong {
	color: #0758b9;
}

.abapp-blog-sidebar__links {
	display: flex;
	flex-direction: column;
}

.abapp-blog-sidebar__links .abapp-blog-sidebar__heading {
	margin-bottom: 5px;
}

.abapp-blog-sidebar__links > a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	min-height: 42px;
	padding: 8px 1px;
	color: #345a7d;
	font-size: 11px;
	font-weight: 730;
	text-decoration: none;
	border-top: 1px solid #e8eef4;
}

.abapp-blog-sidebar__links .abapp-blog-sidebar__heading + a {
	border-top: 0;
}

.abapp-blog-sidebar__links > a:hover,
.abapp-blog-sidebar__links > a:focus-visible {
	color: #0758b9;
	outline: none;
}

.abapp-blog-sidebar__cta {
	padding: 21px;
	color: #fff;
	background:
		radial-gradient(circle at 95% 7%, rgba(94,159,231,.27), transparent 32%),
		linear-gradient(140deg,#0d2b49,#135394);
	border-color: rgba(17,72,126,.55);
}

.abapp-blog-sidebar__cta .abapp-blog-archive__kicker {
	color: #a9d1f7;
}

.abapp-blog-sidebar__cta h2 {
	color: #fff;
}

.abapp-blog-sidebar__cta p {
	margin: 11px 0 0;
	color: rgba(233,242,250,.79);
	font-size: 11.5px;
	line-height: 1.55;
}

.abapp-blog-sidebar__cta a {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 42px;
	margin-top: 16px;
	color: #11385f;
	font-size: 11px;
	font-weight: 820;
	text-decoration: none;
	background: #fff;
	border-radius: 9px;
}

.abapp-blog-sidebar__cta a:hover,
.abapp-blog-sidebar__cta a:focus-visible {
	color: #0757b6;
	outline: 3px solid rgba(255,255,255,.25);
	outline-offset: 2px;
}

@media (max-width: 1080px) {
	.abapp-blog-archive__layout {
		grid-template-columns: minmax(0, 1fr) 270px;
		gap: 22px;
	}

	.abapp-blog-archive__layout .abapp-blog-card--featured {
		grid-template-columns: 1fr;
		max-height: none;
	}

	.abapp-blog-archive__layout .abapp-blog-card--featured .abapp-blog-card__media {
		min-height: 0;
		aspect-ratio: 16 / 8.5;
	}
}

@media (max-width: 900px) {
	.abapp-blog-archive__layout {
		grid-template-columns: 1fr;
	}

	.abapp-blog-sidebar {
		position: static;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.abapp-blog-sidebar__cta {
		min-height: 100%;
	}
}

@media (max-width: 720px) {
	.abapp-blog-archive__layout {
		margin-top: 32px;
	}

	.abapp-blog-archive__layout .abapp-blog-archive__posts {
		grid-template-columns: 1fr;
	}

	.abapp-blog-sidebar {
		grid-template-columns: 1fr;
	}
}