.glossary-register {
	display: flex;
	flex-direction: row;
	/*	justify-content: center; */
	gap: 1em;
	flex-wrap: wrap;
}

.glossary-register > div {
	padding-block: 0.2rem;
	width: 1.5rem;
	text-align: center;
	background-color: var(--color-primary);
	color: #FFF;
}

.glossary-register > div.current,
.glossary-register > div:hover {
	background-color: var(--color-accent);
}

.glossary-register > div a { 
	color: #FFF;

}



.card-deck {
	display: flex;
	/*	gap: 2rem; */
	gap: 20px;
	flex-wrap: wrap;
	/* justify-content: space-between; */
	justify-content: flex-start;
}



.card-deck .scene {
	flex: 0 1 23%;
	flex: 0 1 calc(25% - 15px);

	/* aspect-ratio: 1.4; */
	perspective: 1300px;

}

@media (max-width: 1024px) {


	.card-deck .scene {
		flex: 0 1 calc(33% - 13.4px);
	}

}


@media (max-width: 786px) {


	.card-deck .scene {
		flex: 0 1 calc(50% - 10px);
	}

}




@media (max-width: 580px) {


	.card-deck .scene {
		flex: 1 0 100%;
	}

}



.glossary .card-deck .scene {
	aspect-ratio: 2; 
}



.glossary.expanding .card-deck .scene {
	aspect-ratio: 1.4; 
}


.card-deck .card {

	height: 100%;
	position: relative;
	cursor: pointer;
	transform-style: preserve-3d;
	transform-origin: center center;
	transition: transform 0.4s;
}

.card.is-flipped {
	/* transform: translateX(-100%) rotateY(180deg);  */
	transform: rotateY(180deg); 
}

.card__face {

	width: 100%;
	height: 100%;
	backface-visibility: hidden; 
	/*display: flex;
	flex-direction: row;*/
	position: absolute;
	overflow: hidden;
	color: white;
	border-radius: 8px;
	padding: 1rem;
}

.card__face h3 {
	color: white;
	margin: 0;
	font-size: var(--fs-2-2);
}
.card__face p {
	color: white;
}

.card__face--front {
	background: var(--color-primary);
}

.card__face--back {
	background: var(--color-accent);
	transform: rotateY(-180deg);
}

.glossary .card__face--back img.arrow {
	/*	rotate: 90deg; */
}

.card__face img.arrow {
	position: absolute;
	right: 0;
	bottom: 0.5em;
	width: 30px;
	height: 30px;
}

.glossary .card__face--back img.arrow {
	right: 0.5em;
	bottom: 0;
}

.glossary-entry-container {
	width: 100%;
	padding-inline: 3rem;
	padding-block: 2.4rem;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
	align-items: center;
}

.glossary-entry-container .glossary-img {

	align-self: start;
}

.glossary-entry-container > div > img {
	width: 100%;
}

/*
.glossary-entry {
	display: none;
}

.selected .glossary-entry {
	display: block;
} 
*/
/*

.glossary-entry {
	display: none; 
	max-width: 100%;
	margin-inline: auto;
}

.glossary-entry.expanded_accordion_card {
	max-width: 100%;
}

.selected .glossary-entry {
	display: inherit;
} /