.article-meta {
	font-size: 0.8em;
}
	.article-meta dd:not(:last-of-type)::after {
		content: '|';
		display: inline-block;
		margin: 0 0.5rem;
	}

.highcharts-description {
	color: #444444;
	font-family: var(--font-caption);
	font-size: 0.95em;
	line-height: 1.1em;
	max-width: 850px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.intro {
	background-color: var(--yellow);
}
.intro__text {
	background-color: var(--uva-blue);
	color: white;
	font-family: var(--sans-serif);
	padding: 1rem;
}

.jump-nav nav {
	--bs-nav-link-color: var(--uva-blue);
	--bs-nav-link-hover-color: var(--accessible-orange);
}

.vox-timeline {
	--year-count: 17;
	--year-height: 7.2rem;
	--year-width: 22%;
	--x-gutter: 1.5%;
	--y-gutter: 0px;
}
@media screen and (min-width: 1000px) {
	.vox-timeline {
		--year-height: 5rem;
	}
}

.vox-timeline__container {
	height: calc(
		(var(--year-height) * (var(--year-count) - 1)) /* Number of years minus the last one, whose height is set to auto */
		+ (var(--y-gutter) * (var(--year-count) - 1)) /* Number of years minus one, which is the number of gutters between years */
		+ 1rem /* Height of last year */
	);
	position: relative;
}

.vox-timeline__classes {
	display: flex;
	flex-wrap: wrap;
	min-width: 5.5rem;
	position: relative;
	top: 0;
	width: 30%;
	z-index: 2;
}
@media screen and (min-width: 1200px) {
	.vox-timeline__classes {
		min-width: 10em;
	}
}

	.vox-timeline__classes li {
		align-items: center;
		background-color: var(--uva-blue);
		border-radius: 3rem;
		color: var(--dark-gray);
		display: flex;
		height: calc((4 * var(--year-height)) + (3 * var(--y-gutter)));
		font-size: 1rem;
		justify-content: center;
		margin: var(--y-gutter) var(--x-gutter);
		padding: 1rem 0.5rem;
		position: relative;
		width: var(--year-width);
		writing-mode: vertical-lr;
		writing-mode: tb-rl;
		transform: rotate(-180deg);
	}
	@media screen and (min-width: 1200px) {
		.vox-timeline__classes li {
			writing-mode: horizontal-tb;
			text-align: center;
			transform: none;
		}
	}

		.vox-timeline__classes li:nth-child(4n - 3) { top: calc((var(--year-height) * 0) + (var(--year-height) / 2)); }
		.vox-timeline__classes li:nth-child(4n - 2) { top: calc((var(--year-height) * 1) + (var(--year-height) / 2)); }
		.vox-timeline__classes li:nth-child(4n - 1) { top: calc((var(--year-height) * 2) + (var(--year-height) / 2)); }
		.vox-timeline__classes li:nth-child(4n - 0) { top: calc((var(--year-height) * 3) + (var(--year-height) / 2)); }

		.vox-timeline__classes li:nth-child(1) {
			background-color: rgba(var(--uva-blue-rgb), 0.25);
		}
		.vox-timeline__classes li:nth-child(2) {
			background-color: rgba(var(--secondary-web-orange-rgb), 0.25);
		}
		.vox-timeline__classes li:nth-child(3) {
			background-color: rgba(var(--accent-blue-rgb), 0.25);
		}
		.vox-timeline__classes li:nth-child(4) {
			background-color: rgba(var(--yellow-rgb), 0.25);
		}
		.vox-timeline__classes li:nth-child(5) {
			background-color: rgba(var(--teal-rgb), 0.25);
		}
		.vox-timeline__classes li:nth-child(6) {
			background-color: rgba(var(--green-rgb), 0.25);
		}
		.vox-timeline__classes li:nth-child(7) {
			background-color: rgba(var(--magenta-rgb), 0.25);
		}
		.vox-timeline__classes li:nth-child(8) {
			background-color: rgba(var(--cyan-rgb), 0.25);
		}
		.vox-timeline__classes li:nth-child(9) {
			background-color: rgba(var(--uva-blue-rgb), 0.25);
			background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
			background-size: 30px 30px;
		}
		.vox-timeline__classes li:nth-child(10) {
			background-color: rgba(var(--secondary-web-orange-rgb), 0.25);
			background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
			background-size: 30px 30px;
		}
		.vox-timeline__classes li:nth-child(11) {
			background-color: rgba(var(--accent-blue-rgb), 0.25);
			background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
			background-size: 30px 30px;
		}
		.vox-timeline__classes li:nth-child(12) {
			background-color: rgba(var(--yellow-rgb), 0.25);
			background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
			background-size: 30px 30px;
		}

.vox-timeline__events {
	left: 30%;
	list-style-type: "\2014";
	margin-left: 1rem;
	position: absolute;
	top: 0;
	width: calc(70% - 2rem);
	z-index: 3;
}
@media screen and (min-width: 1200px) {
	.vox-timeline__events {
	}
}

	.vox-timeline__events li {
		color: var(--accent-blue);
		font-size: 1rem;
		font-weight: bold;
		line-height: 1;
		padding-right: 1rem;
		position: absolute;
	}

.vox-timeline__years {
	position: absolute;
	width: 100%;
	z-index: 1;
}
	.vox-timeline__years li {
		border-top: 2px solid rgba(var(--medium-gray-rgb), 0.6);
		color: var(--text-gray);
		font-size: 0.9rem;
		height: var(--year-height);
		margin: var(--y-gutter) 0;
		position: relative;
		text-align: right;
	}
		.vox-timeline__years li:last-child {
			height: auto;
		}