/* ChemSteps application isolation layer. Loaded after Topic Trainer CSS. */

.chemsteps-app-page .site-content-contain,
.chemsteps-app-page .site-content {
	background: #020617 !important;
	padding: 0 !important;
}

.chemsteps-app-page .chemsteps-app-frame,
.chemsteps-app-page .site-content > .wrap {
	box-sizing: border-box;
	clear: both;
	margin: 0 auto;
	max-width: 1600px;
	padding: clamp(12px, 2.4vw, 32px);
	width: 100%;
}

.chemsteps-app-page .chemsteps-app-main,
.chemsteps-app-page .content-area,
.chemsteps-app-page .site-main,
.chemsteps-app-page .chemsteps-app-entry,
.chemsteps-app-page .chemsteps-app-content,
.chemsteps-app-page .entry-content {
	box-sizing: border-box;
	float: none !important;
	margin: 0 !important;
	max-width: none !important;
	padding: 0 !important;
	width: 100% !important;
}

.chemsteps-app-page .chemsteps-app-entry,
.chemsteps-app-page .chemsteps-app-content {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

.chemsteps-app-page .entry-header,
.chemsteps-app-page .entry-title,
.chemsteps-app-page .edit-link,
.chemsteps-app-page .comments-area,
.chemsteps-app-page aside.widget-area {
	display: none !important;
}

.chemsteps-app-page .cstt-shell,
.chemsteps-app-page .cstt-shell * {
	box-sizing: border-box !important;
}

.chemsteps-app-page .cstt-shell {
	clear: both !important;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
	margin: 0 auto !important;
	max-width: 1536px !important;
	min-width: 0 !important;
	width: 100% !important;
}

.chemsteps-app-page .cstt-shell img,
.chemsteps-app-page .cstt-shell svg,
.chemsteps-app-page .cstt-shell canvas {
	height: auto;
	max-width: 100%;
}

.chemsteps-app-page .cstt-shell button,
.chemsteps-app-page .cstt-shell input,
.chemsteps-app-page .cstt-shell select,
.chemsteps-app-page .cstt-shell textarea {
	font-family: inherit !important;
	letter-spacing: normal !important;
	text-transform: none !important;
}

.chemsteps-app-page .cstt-shell button,
.chemsteps-app-page .cstt-shell [role="button"] {
	-webkit-appearance: none;
	appearance: none;
}

.chemsteps-app-page .cstt-choice.cstt-correct {
	border-color: #22c55e !important;
	box-shadow: 0 0 0 2px rgba(34, 197, 94, .35) !important;
}

.chemsteps-app-page .cstt-choice.cstt-wrong {
	border-color: #ef4444 !important;
	box-shadow: 0 0 0 2px rgba(239, 68, 68, .32) !important;
}

.chemsteps-app-page .cstt-leaderboard {
	overflow-x: auto !important;
	-webkit-overflow-scrolling: touch;
}

.chemsteps-app-page .cstt-leaderboard-table {
	display: table !important;
	table-layout: auto !important;
}

@media screen and (max-width: 782px) {
	.chemsteps-app-page .chemsteps-app-frame,
	.chemsteps-app-page .site-content > .wrap {
		padding: 10px;
	}

	.chemsteps-app-page .cstt-shell {
		border-radius: 14px !important;
		min-height: auto !important;
	}
}

@media print {
	.chemsteps-app-page .site-header,
	.chemsteps-app-page .site-footer,
	.chemsteps-app-page .cstt-controls {
		display: none !important;
	}

	.chemsteps-app-page,
	.chemsteps-app-page .site-content-contain,
	.chemsteps-app-page .site-content {
		background: #fff !important;
	}
}