/* Host Genie LMS Assessments — frontend */
.hglmsa-skip-link.screen-reader-text,
.hglmsa-skip-link {
	position: absolute;
	left: -9999px;
	top: 0;
	z-index: 100000;
	padding: 0.5rem 1rem;
	background: #1d2327;
	color: #fff !important;
	clip: auto !important;
	clip-path: none !important;
	height: auto !important;
	width: auto !important;
	margin: 0 !important;
	overflow: visible !important;
}
.hglmsa-skip-link:focus,
.hglmsa-skip-link:focus-visible,
.hglmsa-skip-link.screen-reader-text:focus,
.hglmsa-skip-link.screen-reader-text:focus-visible {
	left: 0.5rem !important;
	top: 0.5rem !important;
	outline: 2px solid #2271b1 !important;
	outline-offset: 2px !important;
	box-shadow: 0 0 0 2px #fff, 0 0 0 4px #2271b1 !important;
}
.hglmsa-assessment-player-body,
.hglmsa-assessment-results-body {
	margin: 0;
	padding: 1rem;
	box-sizing: border-box;
}
.hglmsa-player {
	max-width: 720px;
	margin: 0 auto;
	width: 100%;
	box-sizing: border-box;
}
.hglmsa-player a:focus,
.hglmsa-player a:focus-visible,
.hglmsa-player button:focus,
.hglmsa-player button:focus-visible,
.hglmsa-player input:focus,
.hglmsa-player input:focus-visible,
.hglmsa-player select:focus,
.hglmsa-player select:focus-visible,
.hglmsa-player textarea:focus,
.hglmsa-player textarea:focus-visible,
.hglmsa-results a:focus,
.hglmsa-results a:focus-visible,
.hglmsa-results button:focus,
.hglmsa-results button:focus-visible,
.hglmsa-results input:focus,
.hglmsa-results input:focus-visible {
	outline: 2px solid #2271b1 !important;
	outline-offset: 2px !important;
	box-shadow: 0 0 0 2px #fff, 0 0 0 4px #2271b1 !important;
}

.hglmsa-player__timer { font-weight: 600; margin-bottom: 1rem; }
.hglmsa-player__actions .button,
.hglmsa-player__nav .button {
	margin: 0.25rem 0.25rem 0.25rem 0;
}
.hglmsa-question { margin-bottom: 1.5rem; padding-bottom: 1rem; border-bottom: 1px solid #e2e4e7; }
.hglmsa-question label { display: inline-block; max-width: 100%; word-wrap: break-word; }
.hglmsa-table { width: 100%; border-collapse: collapse; }
.hglmsa-table th, .hglmsa-table td { padding: 0.5rem; border-bottom: 1px solid #e2e4e7; text-align: left; }
.hglmsa-table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }

@media (max-width: 600px) {
	.hglmsa-assessment-player-body,
	.hglmsa-assessment-results-body {
		padding: 0.75rem;
	}
	.hglmsa-player__nav,
	.hglmsa-player__actions {
		display: flex;
		flex-wrap: wrap;
		gap: 0.5rem;
	}
}