/* Content — Article Grid (ACTS "ARTICLE GRID", 1440 frame: 3 × 416 cards, 16 gap) */
.cew-ag{
	--cew-ag-cols:3;
	--cew-ag-col-gap:16px;
	--cew-ag-row-gap:35px;
	--cew-ag-ratio:1.664;
	--cew-ag-zoom:1.04;
	--cew-ag-tab-gap:12px;
	--cew-ag-tab-bg:#DDDDDD;
	--cew-ag-tab-color:#4B4B4B;
	--cew-ag-tab-border:#DDDDDD;
	--cew-ag-tab-bg_h:#D0D0D0;
	--cew-ag-tab-color_h:#000000;
	--cew-ag-tab-border_h:#D0D0D0;
	--cew-ag-tab-bg_a:#023820;
	--cew-ag-tab-color_a:#FFFFFF;
	--cew-ag-tab-border_a:#023820;
	--cew-ag-more-bg:rgba(255,255,255,0);
	--cew-ag-more-color:#023820;
	--cew-ag-more-border:#023820;
	--cew-ag-more-bg_h:#023820;
	--cew-ag-more-color_h:#FFFFFF;
	--cew-ag-more-border_h:#023820;
	color:#000;
}
.cew-ag *,.cew-ag *::before,.cew-ag *::after{box-sizing:border-box}
.cew-ag [hidden]{display:none!important}

/* ---------- Section heading ---------- */
.cew-ag .cew-ag-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:0 0 49px}
.cew-ag .cew-ag-head-text{flex:1 1 auto;min-width:0}
.cew-ag .cew-ag-eyebrow{margin:0 0 6px;color:#4B4B4B;font-size:14px;line-height:1.2;text-transform:uppercase}
.cew-ag .cew-ag-heading{margin:0;padding:0;color:#000;font-family:inherit;font-size:36px;font-weight:400;line-height:1.2;letter-spacing:-.01em;text-transform:none}
.cew-ag .cew-ag-hl{color:#31A2FF}
.cew-ag .cew-ag-head-link{display:inline-flex;align-items:center;gap:4px;flex:none;color:#000;font-size:16px;line-height:1.375;text-decoration:none}
.cew-ag .cew-ag-head-link svg{transition:transform .25s ease}
.cew-ag .cew-ag-head-link:hover svg{transform:translateX(4px)}

/* ---------- Tabs ---------- */
.cew-ag .cew-ag-tabs{
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start;
	gap:var(--cew-ag-tab-gap);
	margin:0 0 24px;
}
.cew-ag .cew-ag-tab{
	flex:none;
	margin:0;
	padding:9px 16px;
	border:0 solid var(--cew-ag-tab-border);
	border-radius:0;
	background:var(--cew-ag-tab-bg);
	box-shadow:none;
	color:var(--cew-ag-tab-color);
	font-family:inherit;
	font-size:14px;
	font-weight:400;
	line-height:14px;
	letter-spacing:0;
	text-transform:none;
	white-space:nowrap;
	cursor:pointer;
	transition:background-color .2s ease,color .2s ease,border-color .2s ease;
}
.cew-ag .cew-ag-tab:hover,
.cew-ag .cew-ag-tab:focus{
	background:var(--cew-ag-tab-bg_h);
	color:var(--cew-ag-tab-color_h);
	border-color:var(--cew-ag-tab-border_h);
}
.cew-ag .cew-ag-tab.is-active,
.cew-ag .cew-ag-tab.is-active:hover,
.cew-ag .cew-ag-tab.is-active:focus{
	background:var(--cew-ag-tab-bg_a);
	color:var(--cew-ag-tab-color_a);
	border-color:var(--cew-ag-tab-border_a);
}
.cew-ag .cew-ag-tab:focus{outline:none}
.cew-ag .cew-ag-tab:focus-visible{outline:2px solid var(--cew-ag-tab-bg_a);outline-offset:2px}

/* ---------- Grid ---------- */
.cew-ag .cew-ag-grid{
	display:grid;
	grid-template-columns:repeat(var(--cew-ag-cols),minmax(0,1fr));
	gap:var(--cew-ag-row-gap) var(--cew-ag-col-gap);
	align-items:start;
}
.cew-ag .cew-ag-card{
	display:flex;
	flex-direction:column;
	min-width:0;
	overflow:hidden;
	color:inherit;
	text-decoration:none;
}
.cew-ag a.cew-ag-card:hover,.cew-ag a.cew-ag-card:focus{color:inherit;text-decoration:none}
.cew-ag a.cew-ag-card:focus{outline:none}
.cew-ag a.cew-ag-card:focus-visible{outline:2px solid #023820;outline-offset:3px}
.cew-ag .cew-ag-card.is-in{animation:cew-ag-in .35s ease both}
.cew-ag--no-anim .cew-ag-card.is-in{animation:none}
@keyframes cew-ag-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

.cew-ag .cew-ag-media{
	position:relative;
	overflow:hidden;
	aspect-ratio:var(--cew-ag-ratio) / 1;
	background-color:#E4E6E2;
}
.cew-ag .cew-ag-media img{
	position:absolute;
	inset:0;
	display:block;
	width:100%;
	height:100%;
	max-width:none;
	object-fit:cover;
	border:0;
	border-radius:0;
	transition:transform .5s ease;
}
.cew-ag a.cew-ag-card:hover .cew-ag-media img{transform:scale(var(--cew-ag-zoom))}

.cew-ag .cew-ag-body{padding:12px 0 0}
.cew-ag .cew-ag-meta{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:0 3px;
	margin:0 0 2px;
	color:#023820;
	font-size:14px;
	line-height:1.4;
}
.cew-ag .cew-ag-sep{display:inline-block;margin:0 1px;color:inherit}
.cew-ag .cew-ag-sep--square{width:3.3px;height:3.3px;background:currentColor}
.cew-ag .cew-ag-sep--dot{width:4px;height:4px;border-radius:50%;background:currentColor}
.cew-ag .cew-ag-title{
	margin:0;
	padding:0;
	color:#000;
	font-family:inherit;
	font-size:24px;
	font-weight:400;
	line-height:1.2;
	letter-spacing:0;
	text-transform:none;
	transition:color .2s ease;
}
.cew-ag a.cew-ag-card:hover .cew-ag-title{color:var(--cew-ag-title-h,inherit)}
.cew-ag .cew-ag-title{display:-webkit-box;-webkit-box-orient:vertical}
.cew-ag .cew-ag-excerpt{margin:8px 0 0;color:#727272;font-size:16px;line-height:1.375}

.cew-ag .cew-ag-empty{margin:24px 0 0;color:#727272;font-size:16px}

/* ---------- Arrow button + boxed card ---------- */
.cew-ag{
	--cew-ag-arrow-box:32px;
	--cew-ag-arrow:16px;
	--cew-ag-arrow-gap:16px;
	--cew-ag-arrow-bg:rgba(255,255,255,0);
	--cew-ag-arrow-color:#023820;
	--cew-ag-arrow-border:#E8E8E8;
	--cew-ag-arrow-bg_h:#023820;
	--cew-ag-arrow-color_h:#FFFFFF;
	--cew-ag-arrow-border_h:#023820;
	--cew-ag-card-border:#E8E8E8;
	--cew-ag-card-bg:#FFFFFF;
}
.cew-ag .cew-ag-body{display:flex;align-items:flex-start;gap:var(--cew-ag-arrow-gap)}
.cew-ag .cew-ag-text{flex:1 1 auto;min-width:0}
.cew-ag .cew-ag-arrow{
	flex:none;
	align-self:flex-end;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:var(--cew-ag-arrow-box);
	height:var(--cew-ag-arrow-box);
	border:1px solid var(--cew-ag-arrow-border);
	background:var(--cew-ag-arrow-bg);
	color:var(--cew-ag-arrow-color);
	font-size:var(--cew-ag-arrow);
	transition:background-color .2s ease,color .2s ease,border-color .2s ease;
}
.cew-ag .cew-ag-arrow svg,.cew-ag .cew-ag-arrow i{display:block;width:var(--cew-ag-arrow);height:var(--cew-ag-arrow);font-size:var(--cew-ag-arrow);fill:currentColor}
.cew-ag a.cew-ag-card:hover .cew-ag-arrow,
.cew-ag a.cew-ag-card:focus-visible .cew-ag-arrow{background:var(--cew-ag-arrow-bg_h);color:var(--cew-ag-arrow-color_h);border-color:var(--cew-ag-arrow-border_h)}

.cew-ag--boxed .cew-ag-card{
	border:1px solid var(--cew-ag-card-border);
	background:var(--cew-ag-card-bg);
	transition:border-color .2s ease;
}
.cew-ag--boxed a.cew-ag-card:hover{border-color:var(--cew-ag-card-border-h,var(--cew-ag-card-border))}
.cew-ag--boxed .cew-ag-body{flex:1 1 auto;padding:21px 24px 24px;background:var(--cew-ag-card-bg)}
.cew-ag--boxed .cew-ag-title{margin-bottom:3px}
.cew-ag--boxed .cew-ag-grid{align-items:stretch}

/* details row (pages • date) */
.cew-ag .cew-ag-details{display:flex;flex-wrap:wrap;align-items:center;gap:4px var(--cew-ag-det-gap,16px);margin-top:7px;color:#4B4B4B;font-size:14px;line-height:20px}
.cew-ag .cew-ag-det{display:inline-flex;align-items:center;gap:6px}
.cew-ag .cew-ag-det-icon{flex:none;display:inline-flex;width:var(--cew-ag-det-icon-size,16px);height:var(--cew-ag-det-icon-size,16px);color:var(--cew-ag-det-icon,#4B4B4B)}
.cew-ag .cew-ag-det-icon svg{display:block;width:100%;height:100%}

/* ---------- Load more ---------- */
.cew-ag .cew-ag-more-wrap{display:flex;justify-content:center;margin-top:40px}
.cew-ag .cew-ag-more{
	margin:0;
	padding:15px 23px;
	border:1px solid var(--cew-ag-more-border);
	border-radius:0;
	background:var(--cew-ag-more-bg);
	color:var(--cew-ag-more-color);
	font-family:inherit;
	font-size:16px;
	line-height:16px;
	cursor:pointer;
	transition:background-color .2s ease,color .2s ease,border-color .2s ease;
}
.cew-ag .cew-ag-more:hover,.cew-ag .cew-ag-more:focus-visible{
	background:var(--cew-ag-more-bg_h);
	color:var(--cew-ag-more-color_h);
	border-color:var(--cew-ag-more-border_h);
}

@media(max-width:1024px){
	.cew-ag{--cew-ag-cols:2}
	.cew-ag .cew-ag-title{font-size:22px}
}
@media(max-width:767px){
	.cew-ag{--cew-ag-cols:1;--cew-ag-row-gap:28px}
	.cew-ag .cew-ag-head{flex-direction:column;align-items:flex-start;margin-bottom:28px}
	.cew-ag .cew-ag-heading{font-size:26px}
	.cew-ag:not(.cew-ag--tabs-wrap) .cew-ag-tabs{
		flex-wrap:nowrap;
		overflow-x:auto;
		scrollbar-width:none;
		-webkit-overflow-scrolling:touch;
		margin-left:0;
		margin-right:0;
	}
	.cew-ag:not(.cew-ag--tabs-wrap) .cew-ag-tabs::-webkit-scrollbar{display:none}
	.cew-ag .cew-ag-title{font-size:20px}
}
@media(prefers-reduced-motion:reduce){
	.cew-ag .cew-ag-card.is-in{animation:none}
	.cew-ag .cew-ag-media img,.cew-ag .cew-ag-tab{transition:none}
}