.nf-live-breaking,
.nf-live-latest {
	--nf-red:#d71920;
	--nf-border:#e2e5e8;
	--nf-muted:#73797f;
	font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
	box-sizing:border-box;
}

.nf-live-breaking *,
.nf-live-latest * {
	box-sizing:border-box;
}

.nf-live-breaking {
	display:grid;
	grid-template-columns:auto minmax(0,1fr) auto;
	align-items:stretch;
	width:min(1180px,calc(100% - 28px));
	margin:12px auto 18px;
	min-height:42px;
	border:1px solid var(--nf-red);
	border-radius:999px;
	overflow:hidden;
	background:#fff;
}

.nf-live-breaking__label {
	display:flex;
	align-items:center;
	padding:0 17px;
	background:var(--nf-red);
	color:#fff;
	font-size:12px;
	font-weight:600;
	letter-spacing:.03em;
	white-space:nowrap;
}

.nf-live-breaking__viewport {
	display:flex;
	align-items:center;
	min-width:0;
	overflow:hidden;
}

.nf-live-breaking__track {
	display:flex;
	align-items:center;
	width:max-content;
	white-space:nowrap;
	animation:nf-live-scroll 65s linear infinite;
	will-change:transform;
}

.nf-live-breaking:hover .nf-live-breaking__track {
	animation-play-state:paused;
}

.nf-live-breaking__track a {
	padding:0 15px;
	color:#272b2f;
	font-size:13px;
	font-weight:400;
	text-decoration:none;
}

.nf-live-breaking__track a:hover {
	color:var(--nf-red);
}

.nf-live-breaking__dot {
	color:var(--nf-red);
	font-size:7px;
}

.nf-live-breaking__follow {
	display:flex;
	align-items:center;
	gap:7px;
	padding:0 12px;
	border-left:1px solid var(--nf-border);
	white-space:nowrap;
}

.nf-live-breaking__follow > span {
	color:#60666b;
	font-size:11px;
}

.nf-live-breaking__follow a {
	display:grid;
	place-items:center;
	width:27px;
	height:27px;
	border-radius:50%;
	background:var(--nf-red);
	color:#fff;
	text-decoration:none;
}

.nf-live-breaking__follow svg {
	display:block;
	width:15px;
	height:15px;
	fill:currentColor;
	color:#fff;
}

@keyframes nf-live-scroll {
	from { transform:translateX(0); }
	to   { transform:translateX(-50%); }
}

.nf-live-latest {
	width:min(1180px,calc(100% - 28px));
	margin:32px auto;
}

.nf-live-latest__heading {
	display:flex;
	align-items:baseline;
	justify-content:space-between;
	gap:18px;
	margin-bottom:16px;
	padding-bottom:9px;
	border-bottom:2px solid var(--nf-red);
}

.nf-live-latest__heading h2 {
	margin:0;
	color:#202428;
	font-size:20px;
	font-weight:500;
	letter-spacing:-.01em;
}

.nf-live-latest__heading > a {
	color:var(--nf-red);
	font-size:12px;
	font-weight:500;
	text-decoration:none;
}

.nf-live-latest__grid {
	display:grid;
	grid-template-columns:repeat(4,minmax(0,1fr));
	gap:22px 18px;
}

.nf-live-story {
	min-width:0;
}

.nf-live-story__image {
	display:block;
	aspect-ratio:16/9;
	margin-bottom:9px;
	overflow:hidden;
	background:#f0f1f2;
}

.nf-live-story__image img {
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
}

.nf-live-story time {
	display:block;
	margin-bottom:5px;
	color:var(--nf-muted);
	font-size:10px;
	font-weight:400;
}

.nf-live-story h3 {
	margin:0;
	font-family:Georgia,"Times New Roman",serif;
	font-size:16px;
	font-weight:400;
	line-height:1.22;
	letter-spacing:-.01em;
}

.nf-live-story h3 a {
	color:#202428;
	text-decoration:none;
}

.nf-live-story h3 a:hover {
	color:var(--nf-red);
}

.nf-live-story p {
	margin:7px 0 0;
	color:#5e6469;
	font-family:Georgia,"Times New Roman",serif;
	font-size:13px;
	line-height:1.5;
}

.nf-live-story--text {
	padding-bottom:12px;
	border-bottom:1px solid var(--nf-border);
}

@media (max-width:900px) {
	.nf-live-latest__grid {
		grid-template-columns:repeat(2,minmax(0,1fr));
	}

	.nf-live-breaking {
		grid-template-columns:auto minmax(0,1fr);
		border-radius:8px;
	}

	.nf-live-breaking__follow {
		display:none;
	}
}

@media (max-width:520px) {
	.nf-live-breaking__label {
		padding:0 11px;
		font-size:10px;
	}

	.nf-live-breaking__track a {
		padding:0 11px;
		font-size:12px;
	}

	.nf-live-latest__grid {
		gap:18px 12px;
	}

	.nf-live-story h3 {
		font-size:14px;
	}
}

@media (prefers-reduced-motion:reduce) {
	.nf-live-breaking__track {
		animation:none;
	}
}