/* Pattern map thumbnail-strip + large-view widget. Reusable on any mission
	page with 2+ patterns: give each thumb a data-src/data-alt and this CSS/JS
	block handles the rest, regardless of how many patterns there are. */
 .pattern-map-viewer {
	margin-bottom: 2ex;
 }
 .pattern-thumbs {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 1ex;
	margin-bottom: 1.5ex;
 }
 .pattern-thumb {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.5ex;
	width: 110px;
	padding: 0.75ex;
	border: 2px solid var(--border-color);
	border-radius: 6px;
	background-color: var(--light-false-background);
	color: var(--light-false-color);
	font-family: inherit;
	font-size: 0.9em;
	cursor: pointer;
 }
 .pattern-thumb img {
	display: block;
	max-width: 100%;
	height: auto;
 }
 .pattern-thumb:hover {
	border-color: currentColor;
 }
 .pattern-thumb.active {
	background-color: var(--light-true-background);
	color: var(--light-true-color);
	border-color: currentColor;
 }
 .pattern-large img {
	max-width: 40%;
	height: auto;
	border: 1px solid var(--border-color);
 }