/* WTIT Hub front end. Uses WTIT Child tokens with fallbacks. */
.wtit-answer {
	margin: 0 0 1.4em;
	padding: 1em 1.2em 1em 1.35em;
	font-size: 1.12rem;
	line-height: 1.55;
	color: var(--wtit-ink, #12284a);
	background: var(--wtit-signal-soft, #fff6d6);
	border-left: 6px solid var(--wtit-signal, #f5b700);
	border-radius: 0 6px 6px 0;
}

/* Countdown: split-flap tiles */
.wtit-cd {
	margin: 1.4em 0 1.6em;
	padding: 1.1em 1.2em 1em;
	background: var(--wtit-ink, #12284a);
	color: #fff;
	border-radius: 8px;
	text-align: center;
}
.wtit-cd__label {
	font-family: var(--wtit-font-head, inherit);
	font-weight: 600;
	font-size: 1rem;
	margin-bottom: .7em;
	color: #dbe3ee;
}
.wtit-cd__tiles {
	display: flex;
	justify-content: center;
	gap: .6em;
	flex-wrap: wrap;
}
.wtit-cd__tile {
	position: relative;
	min-width: 4.4em;
	padding: .45em .5em .4em;
	background: #1b3560;
	border-radius: 6px;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.wtit-cd__tile::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 42%;
	height: 2px;
	background: var(--wtit-ink, #12284a);
}
.wtit-cd__tile b {
	font-family: var(--wtit-font-head, inherit);
	font-weight: 800;
	font-size: clamp(1.7rem, 1.2rem + 2vw, 2.5rem);
	line-height: 1.1;
	color: var(--wtit-signal, #f5b700);
	font-variant-numeric: tabular-nums;
}
.wtit-cd__tile small {
	font-size: .75rem;
	color: #c9d3e1;
	margin-top: .15em;
}
.wtit-cd__note {
	margin-top: .8em;
	font-size: .92rem;
	color: #dbe3ee;
}
.wtit-cd[data-tba="1"] .wtit-cd__time { display: none; }
.wtit-cd.is-live .wtit-cd__tiles,
.wtit-cd.is-ended .wtit-cd__tiles { display: none; }
.wtit-cd.is-live .wtit-cd__label {
	font-size: 1.3rem;
	color: var(--wtit-signal, #f5b700);
}

/* Visitor local time */
.wtit-local {
	margin: .4em 0 1.2em;
	padding: .6em .9em;
	border: 1px solid var(--wtit-line, #dde3ea);
	border-radius: 6px;
	background: #fff;
}

/* Calendar buttons */
.wtit-cal {
	display: flex;
	flex-wrap: wrap;
	gap: .6em;
	justify-content: center;
	margin: 1.2em 0 1.6em;
}
.wtit-cal__btn {
	display: inline-block;
	padding: .65em 1.1em;
	border-radius: 6px;
	background: var(--global-palette1, #1d5bd8);
	color: #fff !important;
	font-weight: 600;
	text-decoration: none !important;
}
.wtit-cal__btn--ghost {
	background: transparent;
	color: var(--global-palette1, #1d5bd8) !important;
	border: 2px solid var(--global-palette1, #1d5bd8);
}
.wtit-cal__btn:focus-visible { outline: 3px solid var(--wtit-signal, #f5b700); outline-offset: 2px; }

.wtit-tz td:nth-child(2),
.wtit-board__time { font-variant-numeric: tabular-nums; white-space: nowrap; }
.wtit-board tr.is-live td:last-child::after {
	content: " Live now";
	color: #b42318;
	font-weight: 700;
}
.wtit-tba { color: var(--wtit-muted, #5b6675); font-style: italic; }

@media (max-width: 600px) {
	.wtit-cd__tile { min-width: 3.6em; }
}

.wtit-tag {
	display: inline-block;
	margin-left: .4em;
	padding: .05em .45em;
	font-size: .78em;
	font-weight: 600;
	line-height: 1.5;
	color: var(--wtit-ink, #12284a);
	background: var(--wtit-signal-soft, #fff6d6);
	border: 1px solid var(--wtit-signal, #f5b700);
	border-radius: 4px;
	white-space: nowrap;
}

.wtit-sub {
	margin: -.6em 0 1.4em;
	color: var(--wtit-muted, #5b6675);
	font-size: .98rem;
}