.oc-quiz-builder-form fieldset {
	margin-bottom: 1.5em;
	border: 1px solid #ddd;
	padding: 1em;
}

.oc-quiz-builder-checkbox,
.oc-quiz-builder-form label {
	display: block;
	margin: 0.4em 0;
}

.oc-quiz-builder-error {
	color: #b32d2e;
}

#oc-quiz-session {
	max-width: 760px;
	margin: 0 auto;
}

.oc-quiz-progress {
	font-weight: 600;
	margin-bottom: 1em;
	padding: 0.6em 1em;
	background: #eef2f5;
	border-radius: 4px;
}

.oc-quiz-timer {
	float: right;
	font-weight: 600;
}

.oc-quiz-question {
	clear: both;
	margin: 1em 0;
}

#oc-quiz-session .oc-quiz-question p {
	margin: 0 0 1em !important;
}

.oc-quiz-stem-text,
.oc-quiz-stem-text p {
	font-weight: 700 !important;
}

/**
 * Letterbox frame so every question's image renders at a consistent size
 * regardless of its native aspect ratio, without cropping any of it —
 * object-fit: contain shows the full image and pads the shorter axis
 * instead of cutting off the longer one.
 */
.oc-quiz-image-frame {
	position: relative;
	width: 100%;
	aspect-ratio: 4 / 3;
	background: #f0f0f0;
	border-radius: 4px;
	overflow: hidden;
}

.oc-quiz-image-frame img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

#oc-quiz-session .oc-quiz-question .oc-quiz-image-frame {
	margin: 0 0 1em !important;
}

.oc-quiz-section-label {
	font-size: 0.85em;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: #555;
}

.oc-quiz-results h5.oc-quiz-section-label,
#oc-quiz-session h5.oc-quiz-section-label,
.oc-quiz-feedback h5.oc-quiz-section-label {
	margin: 0 0 0.75em 0 !important;
	padding: 0 !important;
	line-height: 1.3 !important;
}

.oc-quiz-results div.oc-quiz-result-reference p,
.oc-quiz-results div.oc-quiz-reference p,
#oc-quiz-session div.oc-quiz-reference p {
	margin: 0 !important;
	padding: 0 !important;
}

.oc-quiz-explanation,
.oc-quiz-explanation-body {
	margin: 0;
}

.oc-quiz-explanation-body > :first-child {
	margin-top: 0;
}

.oc-quiz-explanation-body > :last-child {
	margin-bottom: 0;
}

.oc-quiz-reference p,
.oc-quiz-result-reference p {
	margin: 0;
}

.oc-quiz-choice {
	display: block;
	padding: 0.6em 0.8em;
	margin: 0.4em 0;
	border: 1px solid #ddd;
	border-radius: 4px;
	cursor: pointer;
}

.oc-quiz-choice:hover {
	background: #f5f5f5;
}

.oc-quiz-feedback.oc-quiz-feedback-visible {
	margin-top: 1em;
	padding: 1em;
	border-radius: 4px;
	background: #f5f5f5;
}

.oc-quiz-verdict {
	margin-top: 0;
}

.oc-quiz-verdict.oc-correct {
	color: #1e7d32;
}

.oc-quiz-verdict.oc-incorrect {
	color: #b32d2e;
}

.oc-quiz-explanation {
	margin-top: 1em;
	padding-top: 1em;
	border-top: 1px solid #ddd;
}

.oc-quiz-reference {
	margin-top: 1em;
	padding-top: 1em;
	border-top: 1px solid #ddd;
}

.oc-quiz-nav {
	margin-top: 1.5em;
	display: flex;
	gap: 0.5em;
}

.oc-quiz-nav button:disabled {
	opacity: 0.4;
	cursor: not-allowed;
}

.oc-quiz-mark.oc-quiz-marked {
	background: #ffd54f;
}

.oc-quiz-result-item {
	border: 1px solid #ddd;
	border-radius: 4px;
	padding: 1em;
	margin-bottom: 1.5em;
}

.oc-quiz-result-item h4 {
	margin-top: 0;
}

.oc-quiz-result-stem {
	margin-bottom: 1em;
}

.oc-quiz-result-item .oc-quiz-image-frame {
	margin-bottom: 1em;
}

.oc-quiz-result-item.oc-correct {
	border-left: 4px solid #1e7d32;
}

.oc-quiz-result-item.oc-incorrect {
	border-left: 4px solid #b32d2e;
}

.oc-quiz-result-item.oc-omitted {
	border-left: 4px solid #999;
}

.oc-quiz-result-choices {
	margin: 0 0 1em;
}

.oc-quiz-result-choice {
	padding: 0.3em 0.5em;
}

.oc-choice-correct {
	background: #e6f4ea;
	font-weight: 600;
}

.oc-choice-selected-wrong {
	background: #fbe9e7;
}

.oc-quiz-result-explanation {
	margin-bottom: 1em;
	padding: 1em;
	border-radius: 4px;
	background: #f5f5f5;
}

.oc-quiz-results div.oc-quiz-result-reference {
	margin-top: 1.25em !important;
	padding: 0 0.25em;
	color: #555;
}

.oc-quiz-dashboard-table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 2em;
}

.oc-quiz-dashboard-table th,
.oc-quiz-dashboard-table td {
	border: 1px solid #ddd;
	padding: 0.5em 0.75em;
	text-align: left;
}