.wp-block-ralify-latest-stories,
.ralify-latest-stories {
	box-sizing: border-box;
	width: 100%;
	min-width: 0;
	color: var(--ralify-color-text, #f8fafc);
	font-family: var(--ralify-font, "Sora", sans-serif);
}

.ralify-latest-stories__header {
	display: flex;
	align-items: end;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 14px;
}

.ralify-latest-stories__eyebrow {
	margin: 0 0 5px;
	color: var(--ralify-color-cyan, #00e5ff);
	font-size: 0.64rem;
	font-weight: 800;
	letter-spacing: 0.11em;
	text-transform: uppercase;
}

.ralify-latest-stories h3 {
	margin: 0;
	font-size: clamp(1.2rem, 2vw, 1.55rem);
}

.ralify-latest-stories__header > a {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	color: var(--ralify-color-cyan, #00e5ff);
	font-size: 0.72rem;
	font-weight: 700;
	text-decoration: none;
	white-space: nowrap;
}

.ralify-latest-stories__list {
	display: grid;
	gap: 4px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.ralify-latest-stories__row {
	display: grid;
	grid-template-columns: 48px minmax(0, 1fr) auto;
	align-items: center;
	gap: 12px;
	padding: 10px 4px;
	border-bottom: 1px solid rgba(148, 163, 184, 0.1);
}

.ralify-latest-stories__row:last-child {
	border-bottom: 0;
}

.ralify-latest-stories__thumb {
	display: block;
	width: 48px;
	height: 48px;
	overflow: hidden;
	border-radius: 10px;
	background: linear-gradient(145deg, #182c55, #211744 78%);
}

.ralify-latest-stories__thumb img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.ralify-latest-stories__body {
	display: grid;
	min-width: 0;
	gap: 3px;
}

.ralify-latest-stories__meta {
	display: flex;
	align-items: center;
	gap: 8px;
}

.ralify-latest-stories__badge {
	display: inline-flex;
	align-items: center;
	padding: 2px 8px;
	border-radius: 999px;
	font-size: 0.56rem;
	font-weight: 800;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.ralify-latest-stories__badge--breaking { background: rgba(255, 77, 103, 0.16); color: #ff91a2; }
.ralify-latest-stories__badge--official, .ralify-latest-stories__badge--confirmed { background: rgba(48, 209, 88, 0.15); color: #73e88d; }
.ralify-latest-stories__badge--rumor { background: rgba(167, 139, 250, 0.16); color: #c4b5fd; }
.ralify-latest-stories__badge--report, .ralify-latest-stories__badge--latest { background: rgba(37, 99, 235, 0.17); color: #93c5fd; }

.ralify-latest-stories__time {
	color: var(--ralify-color-text-muted, #94a3b8);
	font-size: 0.6rem;
}

.ralify-latest-stories__title {
	overflow: hidden;
	color: inherit;
	font-size: 0.84rem;
	font-weight: 650;
	line-height: 1.3;
	text-decoration: none;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ralify-latest-stories__title:hover {
	color: var(--ralify-color-cyan, #00e5ff);
}

.ralify-latest-stories__source {
	color: var(--ralify-color-text-muted, #94a3b8);
	font-size: 0.66rem;
}

.ralify-latest-stories__bookmark {
	display: grid;
	width: 30px;
	height: 30px;
	padding: 0;
	place-items: center;
	border: 0;
	border-radius: 8px;
	background: transparent;
	color: var(--ralify-color-text-muted, #94a3b8);
	cursor: pointer;
}

.ralify-latest-stories__bookmark:hover {
	background: rgba(255, 255, 255, 0.06);
	color: var(--ralify-color-text, #f8fafc);
}

.ralify-latest-stories__bookmark svg {
	width: 15px;
	height: 15px;
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.8;
}

.ralify-latest-stories__empty {
	display: grid;
	min-height: 210px;
	place-items: center;
	align-content: center;
	padding: 28px;
	border: 1px dashed rgba(148, 163, 184, 0.22);
	border-radius: 16px;
	background: rgba(17, 24, 39, 0.5);
	text-align: center;
}

.ralify-latest-stories__empty > span {
	display: grid;
	width: 42px;
	height: 42px;
	margin-bottom: 12px;
	place-items: center;
	border-radius: 13px;
	background: rgba(0, 229, 255, 0.1);
	color: var(--ralify-color-cyan, #00e5ff);
}

.ralify-latest-stories__empty p {
	margin: 8px 0 16px;
	color: var(--ralify-color-text-muted, #94a3b8);
	font-size: 0.78rem;
}

.ralify-latest-stories__empty a {
	color: var(--ralify-color-cyan, #00e5ff);
	font-size: 0.72rem;
	font-weight: 700;
	text-decoration: none;
}

@media (max-width: 480px) {
	.ralify-latest-stories__source {
		display: none;
	}
}