/* ==========================================================================
   signal-pages.css — ConnectedEarth SIGNAL zone destinations
   Loaded by template-signal-feed.php and template-news-wire.php.
   Light-blue (Alternative) header = the zone marker; treatment differentiates
   curated Signal (cards + Takes) from The News Wire (dense rows).
   ========================================================================== */

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

/* --- Full-width breakout --- */
.page-template-template-signal-feed #primary.content-area,
.page-template-template-signal-feed #main.site-main,
.page-template-template-signal-feed .entry-content,
.page-template-template-signal-feed .ct-entry-content,
.page-template-template-news-wire #primary.content-area,
.page-template-template-news-wire #main.site-main,
.page-template-template-news-wire .entry-content,
.page-template-template-news-wire .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-zone {
	--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);
	--ce-border:    #E2E4EB;
	--ce-amber-ink: #92400E;
	--ce-band:      #D5EEF5;
	--ce-band-line: #C3E0EA;
	--ce-band-ink:  #3d6b78;
	background: var(--white);
	display: block;
}
.ce-zone * { box-sizing: border-box; }
.ce-zone-inner {
	max-width: 1120px !important;
	width: 100% !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: 32px !important;
	padding-right: 32px !important;
	box-sizing: border-box !important;
}

/* --- Light-blue zone header (amber hairline marks the navbar transition) --- */
.ce-zone-head { background: var(--ce-band); border-top: 3px solid var(--amber); padding: 30px 0; }
.ce-zone-kick {
	font-family: 'Exo 2', sans-serif; font-weight: 700; font-size: 11px; letter-spacing: .15em;
	text-transform: uppercase; color: var(--ce-amber-ink); margin: 0 0 9px;
}
.ce-zone-title {
	font-family: 'Exo 2', sans-serif; font-weight: 800; font-size: 34px; line-height: 1.08;
	text-transform: uppercase; color: var(--navy); margin: 0 0 10px;
}
.ce-zone-sub {
	font-family: 'Lato', sans-serif; font-weight: 300; font-size: 17px; line-height: 1.65;
	color: var(--ce-band-ink); margin: 0; max-width: 62ch;
}
.ce-zone-sub a { color: var(--ce-amber-ink); font-weight: 700; text-decoration: underline; text-underline-offset: 2px; }
.ce-zone-sub a:hover { color: var(--navy); }
.ce-zone-body { background: var(--white); padding: 22px 0 40px; }

/* ===== CURATED SIGNAL (cards + Takes) ===== */
.ce-sf-card {
	background: var(--white); border: 1px solid var(--ce-band-line); border-radius: 10px;
	padding: 16px 18px; margin-bottom: 12px;
}
.ce-sf-meta { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.ce-sf-tag {
	font-family: 'Exo 2', sans-serif; font-weight: 700; font-size: 9px; letter-spacing: .1em;
	background: var(--amber); color: var(--dark); padding: 2px 8px; border-radius: 4px;
}
.ce-sf-src { font-family: 'JetBrains Mono', monospace; font-size: 10px; color: #5B7480; }
.ce-sf-ind {
	font-family: 'Exo 2', sans-serif; font-weight: 700; font-size: 10px; letter-spacing: .04em;
	background: #FEF3C7; color: var(--ce-amber-ink); border: 1px solid #FDE68A;
	border-radius: 50px; padding: 2px 9px; text-decoration: none;
}
.ce-sf-ind:hover { background: #FDE68A; color: var(--ce-amber-ink); }
.ce-sf-hl { margin: 9px 0 11px; }
.ce-sf-hl a {
	font-family: 'Exo 2', sans-serif; font-weight: 700; font-size: 17px; line-height: 1.28;
	color: var(--navy); text-decoration: none;
}
.ce-sf-hl a:hover { color: var(--ce-amber-ink); }
.ce-sf-take {
	font-family: 'Raleway', sans-serif; font-style: italic; font-size: 14px; line-height: 1.55;
	color: var(--navy); border-left: 3px solid var(--amber); padding-left: 13px; margin: 0;
}
.ce-sf-takelbl {
	display: block; font-family: 'Exo 2', sans-serif; font-style: normal; font-weight: 700;
	font-size: 8px; letter-spacing: .12em; text-transform: uppercase; color: var(--ce-amber-ink); margin-bottom: 3px;
}

/* ===== THE NEWS WIRE (dense rows) ===== */
.ce-nw-day {
	font-family: 'Exo 2', sans-serif; font-weight: 700; font-size: 10px; letter-spacing: .14em;
	text-transform: uppercase; color: var(--gray); margin: 18px 0 8px; padding-bottom: 6px;
	border-bottom: 1px solid var(--ce-border);
}
.ce-nw-row { display: flex; gap: 14px; align-items: baseline; padding: 9px 0; border-bottom: 1px solid #F0F2F5; }
.ce-nw-time { font-family: 'JetBrains Mono', monospace; font-size: 11px; color: var(--gray); flex: 0 0 46px; }
.ce-nw-src {
	font-family: 'Exo 2', sans-serif; font-weight: 700; font-size: 10px; color: var(--ce-amber-ink);
	background: #FEF3C7; border: 1px solid #FDE68A; border-radius: 50px; padding: 2px 9px; flex: 0 0 auto;
}
.ce-nw-hl { flex: 1; min-width: 0; }
.ce-nw-hl a { font-family: 'Lato', sans-serif; font-size: 14px; line-height: 1.4; color: var(--navy); text-decoration: none; }
.ce-nw-hl a:hover { color: var(--ce-amber-ink); text-decoration: underline; }

/* ===== Shared: cross-link, empty state, pagination ===== */
.ce-zone-xlink { text-align: center; margin: 18px 0 0; }
.ce-zone-xlink a {
	font-family: 'Exo 2', sans-serif; font-weight: 700; font-size: 12px; letter-spacing: .04em;
	text-transform: uppercase; color: var(--ce-band-ink); text-decoration: none;
}
.ce-zone-xlink a:hover { color: var(--ce-amber-ink); }
.ce-zone-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: #5B6079;
}
.ce-zone-pagination { display: flex; justify-content: center; gap: 8px; margin-top: 24px; flex-wrap: wrap; }
.ce-zone-pagination .page-numbers {
	font-family: 'Exo 2', sans-serif; font-weight: 700; font-size: 13px; color: #5B6079;
	border: 1px solid var(--ce-border); border-radius: 6px; padding: 7px 13px; text-decoration: none; background: var(--white);
}
.ce-zone-pagination .page-numbers.current { background: var(--navy); color: var(--white); border-color: var(--navy); }
.ce-zone-pagination a.page-numbers:hover { border-color: var(--amber); color: var(--navy); }

@media (max-width: 620px) {
	.ce-zone-title { font-size: 28px; }
	.ce-nw-row { flex-wrap: wrap; gap: 8px; }
	.ce-nw-hl { flex: 1 1 100%; }
}