/* Simple Live Blog */

/* Red LIVE badge (text comes from data-label so it never leaks into title attributes) */
.slb-badge {
	display: inline-flex;
	align-items: center;
	gap: .4em;
	background: #d90429;
	color: #fff;
	font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
	font-size: clamp(11px, .5em, 16px);
	font-weight: 700;
	line-height: 1;
	letter-spacing: .08em;
	text-transform: uppercase;
	padding: .45em .7em;
	border-radius: 4px;
	vertical-align: middle;
	margin-right: .5em;
	position: relative;
	top: -.12em;
	white-space: nowrap;
}
.slb-badge::before {
	content: "";
	width: .65em;
	height: .65em;
	border-radius: 50%;
	background: #fff;
	animation: slb-blink 1.2s ease-in-out infinite;
}
.slb-badge::after {
	content: attr(data-label);
}
.slb-badge-wrap { margin: 0 0 1em; }

@keyframes slb-blink {
	0%, 100% { opacity: 1; }
	50% { opacity: .25; }
}

/* Live updates section */
.slb-live {
	margin: 2rem 0;
	padding-top: 1rem;
	border-top: 3px solid #d90429;
}
.slb-live.slb-ended { border-top-color: #8c8f94; }

.slb-head {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .6rem;
	margin-bottom: 1.2rem;
}
.slb-head .slb-badge { margin-right: 0; top: 0; font-size: 12px; }
.slb-heading { margin: 0 !important; font-size: 1.4em; }
.slb-status { font-size: .9em; opacity: .7; }

.slb-list {
	margin: 0;
	padding: 0 0 0 1.4rem;
	border-left: 2px solid rgba(128, 128, 128, .35);
}

.slb-update {
	position: relative;
	padding: 0 0 1.8rem;
}
.slb-update::before {
	content: "";
	position: absolute;
	left: calc(-1.4rem - 8px);
	top: .3em;
	width: 14px;
	height: 14px;
	box-sizing: border-box;
	border-radius: 50%;
	background: #d90429;
	box-shadow: 0 0 0 3px rgba(217, 4, 41, .2);
}
.slb-ended .slb-update::before {
	background: #8c8f94;
	box-shadow: 0 0 0 3px rgba(140, 143, 148, .2);
}

.slb-meta { font-size: .9em; margin-bottom: .3em; }
.slb-time { font-weight: 700; color: #d90429; }
.slb-ended .slb-time { color: inherit; }
.slb-date { opacity: .7; margin-left: .3em; }
.slb-link { margin-left: .4em; text-decoration: none; opacity: .4; }
.slb-link:hover { opacity: 1; }

.slb-title { margin: 0 0 .4em; font-size: 1.15em; line-height: 1.35; }
.slb-body > :first-child { margin-top: 0; }
.slb-body > :last-child { margin-bottom: 0; }
.slb-body img,
.slb-body video { max-width: 100%; height: auto; }
.slb-body iframe { max-width: 100%; }
.slb-body iframe[src*="youtube"],
.slb-body iframe[src*="youtu.be"] { width: 100%; height: auto; aspect-ratio: 16 / 9; }

.slb-new { animation: slb-flash 3s ease-out; }
@keyframes slb-flash {
	0% { background: rgba(217, 4, 41, .12); }
	100% { background: transparent; }
}

@media (prefers-reduced-motion: reduce) {
	.slb-badge::before,
	.slb-new { animation: none; }
}