/* ==========================================================================
   analysis.css — ConnectedEarth /analysis global editorial feed
   Loaded by template-analysis.php only. Self-contained.
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Exo+2:wght@700;800&family=Lato:wght@300;400&display=swap');

/* --- Full-width breakout (mirrors industry template) --- */
.page-template-template-analysis #primary.content-area,
.page-template-template-analysis #main.site-main,
.page-template-template-analysis .entry-content,
.page-template-template-analysis .ct-entry-content {
	max-width: 100% !important;
	width: 100% !important;
	padding: 0 !important;
	margin: 0 !important;
	box-shadow: none !important;
	border: none !important;
	background: transparent !important;
}

/* --- Tokens --- */
.ce-analysis {
	--amber:          var(--theme-palette-color-1, #FFB300);
	--amber-hover:    var(--theme-palette-color-2, #E0A200);
	--navy:           var(--theme-palette-color-3, #252B52);
	--dark:           var(--theme-palette-color-5, #1A1A2E);
	--gray:           var(--theme-palette-color-6, #8B8FA8);
	--white:          var(--theme-palette-color-7, #FFFFFF);
	--light:          var(--theme-palette-color-8, #E8ECEF);
	--ce-border:      #E2E4EB;
	--ce-ink-muted:   #5B6079;
	--ci-bg: #FEF3C7; --ci-tx: #92400E; --ci-bd: #FDE68A;   /* industry chip §3.4 */
	--cp-bg: #D1FAE5; --cp-tx: #065F46; --cp-bd: #A7F3D0;   /* impact chip §3.4 */
}
.ce-analysis * { box-sizing: border-box; }
.ce-an-inner { max-width: 1180px; margin: 0 auto; padding: 0 26px; }

/* ===== HERO ===== */
.ce-an-hero { background: var(--dark); padding: 40px 0; }
.ce-an-kicker {
	font-family: 'Exo 2', sans-serif; font-weight: 700; font-size: 11px;
	letter-spacing: .15em; text-transform: uppercase; color: var(--amber); margin: 0 0 10px;
}
.ce-an-title {
	font-family: 'Exo 2', sans-serif; font-weight: 800; font-size: 40px; line-height: 1.05;
	text-transform: uppercase; color: var(--white); margin: 0 0 12px;
}
.ce-an-sub {
	font-family: 'Lato', sans-serif; font-weight: 300; font-size: 16px; line-height: 1.6;
	color: var(--gray); margin: 0; max-width: 60ch;
}

/* ===== FILTER BAR ===== */
.ce-an-filters { background: var(--white); border-bottom: 1px solid var(--ce-border); padding: 15px 0; }
.ce-an-tabs { display: flex; gap: 6px; flex-wrap: wrap; align-items: center; margin-bottom: 11px; }
.ce-an-tab {
	font-family: 'Exo 2', sans-serif; font-weight: 700; font-size: 12px; color: var(--ce-ink-muted);
	padding: 6px 13px; border-radius: 50px; text-decoration: none; white-space: nowrap; transition: background .12s ease, color .12s ease;
}
.ce-an-tab:hover { background: var(--light); color: var(--navy); }
.ce-an-tab.on { background: var(--navy); color: var(--white); }

.ce-an-pills { display: flex; gap: 6px; flex-wrap: wrap; align-items: center; }
.ce-an-pilllabel {
	font-family: 'Exo 2', sans-serif; font-weight: 700; font-size: 10px; letter-spacing: .1em;
	text-transform: uppercase; color: var(--gray); margin-right: 4px;
}
.ce-an-pill {
	font-family: 'Exo 2', sans-serif; font-weight: 700; font-size: 10px; letter-spacing: .04em;
	color: var(--cp-tx); background: var(--white); border: 1px solid var(--cp-bd);
	border-radius: 50px; padding: 4px 11px; text-decoration: none; transition: background .12s ease;
}
.ce-an-pill:hover { background: var(--cp-bg); }
.ce-an-pill.on { background: var(--cp-tx); color: var(--white); border-color: var(--cp-tx); }

/* ===== GRID ===== */
.ce-an-body { background: var(--light); padding: 24px 0 40px; }
.ce-an-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.ce-an-card {
	display: flex; flex-direction: column; background: var(--white);
	border: 1px solid var(--ce-border); border-radius: 10px; padding: 16px; text-decoration: none;
	transition: border-color .15s ease, box-shadow .15s ease;
}
.ce-an-card:hover { border-color: var(--amber); box-shadow: 0 6px 18px rgba(37, 43, 82, .10); }
.ce-an-cmeta { display: flex; align-items: center; gap: 8px; margin-bottom: 9px; }
.ce-an-chip {
	font-family: 'Exo 2', sans-serif; font-weight: 700; font-size: 9px; letter-spacing: .04em;
	background: var(--ci-bg); color: var(--ci-tx); border: 1px solid var(--ci-bd);
	border-radius: 50px; padding: 2px 9px;
}
.ce-an-date { font-family: 'JetBrains Mono', monospace; font-size: 10px; color: var(--gray); }
.ce-an-ctitle {
	font-family: 'Exo 2', sans-serif; font-weight: 800; font-size: 15px; line-height: 1.22;
	color: var(--navy); margin-bottom: 7px;
}
.ce-an-card:hover .ce-an-ctitle { color: var(--ci-tx); }
.ce-an-cdek {
	font-family: 'Lato', sans-serif; font-weight: 300; font-size: 12.5px; line-height: 1.45;
	color: var(--ce-ink-muted); margin-bottom: 11px; flex: 1;
}
.ce-an-imp {
	display: inline-block; font-family: 'Exo 2', sans-serif; font-weight: 700; font-size: 9px;
	letter-spacing: .03em; color: var(--cp-tx); background: var(--cp-bg); border: 1px solid var(--cp-bd);
	border-radius: 50px; padding: 2px 8px; margin: 0 4px 4px 0;
}

/* ===== PAGINATION ===== */
.ce-an-pagination { display: flex; justify-content: center; gap: 8px; margin-top: 26px; flex-wrap: wrap; }
.ce-an-pagination .page-numbers {
	font-family: 'Exo 2', sans-serif; font-weight: 700; font-size: 13px; color: var(--ce-ink-muted);
	border: 1px solid var(--ce-border); border-radius: 6px; padding: 7px 13px; text-decoration: none; background: var(--white);
}
.ce-an-pagination .page-numbers.current { background: var(--navy); color: var(--white); border-color: var(--navy); }
.ce-an-pagination a.page-numbers:hover { border-color: var(--amber); color: var(--navy); }

/* ===== EMPTY ===== */
.ce-an-empty {
	background: var(--white); border: 1px dashed #C7CBD6; border-radius: 10px; padding: 26px;
	text-align: center; font-family: 'Lato', sans-serif; font-size: 15px; color: var(--ce-ink-muted);
}
.ce-an-empty a { color: var(--ci-tx); font-weight: 700; }

/* ===== Responsive ===== */
@media (max-width: 900px) { .ce-an-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px) { .ce-an-grid { grid-template-columns: 1fr; } .ce-an-title { font-size: 32px; } }