/* Dagens ord word page: previous / next word (word-neighbor). */
.tv-wn {
	--tv-navy: var(--e-global-color-primary, #051644);
	--tv-ink: #0e2338; /* muted text = this colour at 45-75 % (the home page convention) */
	--tv-steel: var(--e-global-color-secondary, #2d6ca9);
	--tv-cream: var(--e-global-color-e33c8be, #fcfaf6);
	--tv-blue-tint: var(--e-global-color-a24cbff, #e8f5fd);
	display: grid;
	gap: 1rem;
	font-family: "Open Sans", sans-serif;
	font-size: 17px;
	line-height: 1.7;
}
.tv-wn .tv-wn__item {
	display: flex;
	min-height: 7rem;
	align-items: center;
	gap: 1rem;
	border: 1px solid color-mix(in oklab, var(--tv-navy) 10%, transparent);
	border-radius: 20px;
	padding: 1.25rem 1.5rem;
	background: var(--tv-cream);
	color: var(--tv-steel);
	text-decoration: none;
	transition: background-color .2s ease, transform .2s ease;
}
.tv-wn .tv-wn__item:hover { background: var(--tv-blue-tint); color: var(--tv-steel); transform: translateY(-2px); }
.tv-wn .tv-wn__item--next { justify-content: flex-end; text-align: right; }
.tv-wn svg { flex-shrink: 0; }
.tv-wn small, .tv-wn strong { display: block; }
.tv-wn small { font-size: .75rem; color: color-mix(in srgb, var(--tv-ink) 50%, transparent); }
.tv-wn strong { margin-top: .2rem; font-family: "Outfit", sans-serif; font-size: 1.35rem; font-weight: 700; color: var(--tv-navy); }

@media (min-width: 640px) {
	.tv-wn { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}