/*
 * CMG Archive News -- injected news group on topic archives.
 *
 * Deliberately minimal: news posts have no featured image, so this reads as a
 * secondary, text-only block rather than another article card.
 *
 * All colours resolve from Kadence's global palette, which is declared on :root
 * and therefore inherits into the injected <li>. Semantic aliases are preferred
 * over raw palette slots where Kadence defines one -- --global-palette-highlight
 * is the theme's accent/link colour and is what the site's own a:hover rules
 * use. Each --cmg-an-* custom property stays available as a per-brand override.
 */

.cmg-an-item {
	--cmg-an-accent: var(--global-palette-highlight, var(--global-palette1, #003d5c));
	--cmg-an-title: var(--global-palette3, #1a202c);
	--cmg-an-body: var(--global-palette5, #4a5568);
	--cmg-an-meta: var(--global-palette6, #636466);
	--cmg-an-rule: var(--global-palette7, #dddddd);
	--cmg-an-bg: var(--global-palette8, #f9f9f9);

	list-style: none;
}

.cmg-an {
	border-top: 3px solid var(--cmg-an-accent);
	border-bottom: 1px solid var(--cmg-an-rule);
	background: var(--cmg-an-bg);
	padding: 1.25rem 1.25rem 0.75rem;
	margin: 0.5rem 0 1.5rem;
}

.cmg-an__heading {
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1.25px;
	color: var(--cmg-an-accent);
	margin: 0 0 0.85rem;
	padding: 0;
	line-height: 1.2;
}

.cmg-an__list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.cmg-an__entry {
	margin: 0;
	padding: 0.7rem 0;
	border-top: 1px solid var(--cmg-an-rule);
}

.cmg-an__entry:first-child {
	border-top: 0;
	padding-top: 0;
}

.cmg-an__link {
	display: block;
	font-size: 17px;
	font-weight: 700;
	line-height: 1.3;
	color: var(--cmg-an-title);
	text-decoration: none;
}

.cmg-an__link:hover,
.cmg-an__link:focus {
	color: var(--cmg-an-accent);
	text-decoration: underline;
}

/*
 * Date and subhead share one row -- the date is inline, not a row of its own.
 * The separator is scoped to `.cmg-an__date + .cmg-an__subhead` so it appears
 * only when a date actually precedes the subhead: with the date turned off, or
 * on a post with no subhead, nothing dangles.
 */
.cmg-an__meta {
	font-size: 0.9rem;
	line-height: 1.5;
	color: var(--cmg-an-body);
	margin: 0.2rem 0 0;
}

.cmg-an__date {
	font-size: 0.8rem;
	font-weight: 600;
	color: var(--cmg-an-meta);
	white-space: nowrap;
}

.cmg-an__date + .cmg-an__subhead::before {
	content: "\00b7";
	margin: 0 0.45em;
	color: var(--cmg-an-meta);
}

@media (max-width: 767px) {
	.cmg-an {
		padding: 1rem 1rem 0.5rem;
	}

	.cmg-an__link {
		font-size: 16px;
	}
}