/* Project media and accessibility additions; template styles are in index.css. */
video {
	display: block;
	width: 100%;
	height: auto;
}
figure img {
	display: block;
	width: 100%;
	height: auto;
}
figcaption {
	margin-top: 0.75rem;
}
.columns.simulation-comparisons {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1rem 1.5rem;
	margin: 0 0 1.5rem;
}
.column.simulation-example {
	display: grid;
	grid-row: span 3;
	grid-template-rows: subgrid;
	min-width: 0;
	padding: 0;
}
.simulation-copy.content {
	margin-bottom: 0;
}
@media screen and (max-width: 768px) {
	.columns.simulation-comparisons {
		grid-template-columns: minmax(0, 1fr);
		row-gap: 2rem;
	}
	.column.simulation-example {
		grid-row: auto;
		grid-template-rows: auto;
		gap: 1rem;
	}
}
.individual-videos {
	display: grid;
	gap: 1.5rem;
	margin-top: 1rem;
}
.sensitivity-figure {
	max-width: 720px;
	margin: 2rem auto !important;
}
.table {
	white-space: nowrap;
}
.table caption {
	white-space: normal;
	caption-side: bottom;
	text-align: left;
}
.table tbody tr:nth-child(4) td {
	border-top: 2px solid #b5b5b5;
}
summary {
	cursor: pointer;
}
.video-download {
	text-align: center;
	margin-top: 1rem;
}
.skip-link {
	position: absolute;
	top: -5rem;
	left: 1rem;
	padding: 0.75rem;
	background: white;
	z-index: 10;
}
.skip-link:focus {
	top: 1rem;
}
:focus-visible {
	outline: 3px solid #209cee;
	outline-offset: 4px;
}

.affiliation-logos {
	margin: 1rem 0 0.5rem;
}
.affiliation-wordmark {
	display: block;
	width: 180px;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}

.publication-video iframe {
	border: 0;
}

.publication-links .icon img {
	width: 1rem;
	height: 1rem;
	filter: invert(1);
}

.publication-subtitle {
	font-family: "Google Sans", sans-serif;
	font-weight: 500;
	color: #363636;
	margin-bottom: 1.25rem !important;
}