#slider_container {
	columns: 4;
}
label {
	break-inside: avoid;
	display: block;
}
.answer {
	color: #dbd;
	font-weight: bold;
}
.shortDescElem {
	padding-left: 1em;
	font-size: 75%;
	user-select: none;
}
.shortDescElem::before {
	content: '(';
}
.shortDescElem::after {
	content: ')';
}
.shortDescElem span {
	padding-left: 0.2em;
	padding-right: 0.2em;
}
#categoryContainer {
	list-style: none;
}
.catMatch::before {
	color: green;
	font-size: 150%;
	font-weight: bold;
	content: '✓';
}
.phaseDiagramContainer {
	background-color: white;
	position: relative;
}
.phaseDiagram {
	width: 100%;
	height: 100%;
}
.phaseDiagramMarker {
	position: absolute;
	transform: translate(-50%, -50%); /* center at position */
	/* red circular disc */
	width: 1vw;
	height: 1vw;
	border-radius: 0.5vw;
	background-color: red;
}
.layoutTable {
	width: 100%;
}
.layoutTable > tr > td {
	vertical-align:top;
	width: 50%;
}