/*
 * Same dark palette as hero-search.css/whats-happening.css, redefined
 * locally for the same reason those two already give. Reuses the exact
 * same contrast-checked pairs already verified there: near-white text on
 * the panel background ~15:1, --rusto-update-muted (rusti-new-styles.css's
 * --rusti-muted-2 value) ~5.55:1, accent-hover heading/link color ~5.9:1
 * — no new contrast math needed for this widget either.
 */
:root {
	--rusto-update-text: #f5f7fa;
	--rusto-update-muted: #8794a1;
	--rusto-update-border: #263443;
	--rusto-update-accent-hover: #ff624f;
}

.rusto-latest-update {
	padding: 2.5rem 1.5rem;
	background: linear-gradient(180deg, rgba(18, 28, 39, .97), rgba(14, 23, 32, .97));
	border: 1px solid var(--rusto-update-border);
	border-radius: 10px;
	box-shadow: 0 16px 40px rgba(0, 0, 0, .22);
}

.rusto-latest-update__inner {
	max-width: 640px;
	margin: 0 auto;
}

.rusto-latest-update__heading {
	margin: 0 0 1.25rem;
	font-size: 1.5rem;
	color: var(--rusto-update-accent-hover);
	text-align: center;
}

.rusto-latest-update__empty {
	text-align: center;
	color: var(--rusto-update-muted);
	margin: 0;
}

.rusto-latest-update__post {
	background: linear-gradient(180deg, rgba(18, 28, 39, .98), rgba(14, 23, 32, .98));
	border: 1px solid var(--rusto-update-border);
	border-top: 4px solid var(--rusto-update-accent-hover);
	border-radius: 8px;
	padding: 1.5rem;
	box-shadow: 0 7px 22px rgba(0, 0, 0, .17);
}

.rusto-latest-update__title {
	margin: 0 0 0.4rem;
	font-size: 1.2rem;
	color: var(--rusto-update-text);
}

.rusto-latest-update__date {
	margin: 0 0 0.75rem;
	font-size: 0.85rem;
	color: var(--rusto-update-muted);
}

.rusto-latest-update__excerpt {
	margin: 0 0 1rem;
	color: var(--rusto-update-text);
	line-height: 1.5;
}

.rusto-latest-update__link {
	font-size: 0.95rem;
	font-weight: 700;
	color: var(--rusto-update-accent-hover);
	text-decoration: none;
}

.rusto-latest-update__link:hover {
	color: #ff7b67;
	text-decoration: underline;
}