/* =========================================================
   EDUCA QUIZ � BASE
   ========================================================= */

body.single-sfwd-quiz .learndash-wrapper {
	--quiz-dark: #0b1f38;
	--quiz-text: #263b55;
	--quiz-muted: #63728a;
	--quiz-blue: #7c3aed;
    --quiz-blue-dark: #6d4df2;
    --quiz-teal: #0891b2;
    --quiz-amber: #f59e0b;
    --quiz-terracotta: #c75c43;
	--quiz-border: #d7e2ef;
	--quiz-surface: #f7faff;
	--quiz-correct: #198754;
	--quiz-correct-bg: #eefaf3;
	--quiz-incorrect: #c84b3d;
	--quiz-incorrect-bg: #fff2f0;
}

body.single-sfwd-quiz .learndash-wrapper,
body.single-sfwd-quiz .learndash-wrapper *,
body.single-sfwd-quiz .learndash-wrapper *::before,
body.single-sfwd-quiz .learndash-wrapper *::after {
	box-sizing: border-box;
}

/*
 * Prevent the native LearnDash Start Quiz screen
 * from flashing before Autostart.
 */
body.single-sfwd-quiz
.learndash-wrapper
.wpProQuiz_content
.wpProQuiz_text {
	display: none !important;
}

/* =========================================================
   BREADCRUMBS
   ========================================================= */

body.single-sfwd-quiz
.learndash-wrapper
.ld-breadcrumbs {
	position: relative;
	overflow: hidden;

	margin-bottom: 26px;
	padding: 12px 18px 12px 22px;

	border: 1px solid rgba(245, 158, 11, 0.2);
	border-radius: 13px;

	background:
		linear-gradient(
			90deg,
			rgba(245, 158, 11, 0.08),
			rgba(124, 58, 237, 0.045)
		);
	color: var(--quiz-muted);
	font-size: 0.95rem;
	line-height: 1.45;
	font-size: 0.98rem;
}
@media (max-width: 767px) {
body.single-sfwd-quiz
.learndash-wrapper
.ld-breadcrumbs {
	font-size: 0.75rem;
}
}

body.single-sfwd-quiz
.learndash-wrapper
.ld-breadcrumbs::before {
	content: "";
	position: absolute;
	inset: 0 auto 0 0;
	width: 10px;

	background:
		linear-gradient(
			to bottom,
			var(--quiz-terracotta) 0 33%,
			var(--quiz-amber) 33% 66%,
			var(--quiz-blue) 66% 100%
		);
}

body.single-sfwd-quiz
.learndash-wrapper
.ld-breadcrumbs a {
	color: #635a75;
	font-weight: 650;
	text-decoration: none;
}

@media (hover: hover) {
	body.single-sfwd-quiz
	.learndash-wrapper
	.ld-breadcrumbs a:hover {
		color: var(--quiz-blue);
	}
}

/* Text block */
   
body.single-sfwd-quiz
.learndash-wrapper .wp-block-paragraph {
font-size: .9rem;
font-weight: 600;
margin-bottom: 0;
}
@media (max-width: 767px) {
body.single-sfwd-quiz
.learndash-wrapper .wp-block-paragraph {
  font-size: .7rem;
  font-weight: 600;
  margin-bottom: 0;
  padding: 0 6px;
} 
}

/* =========================================================
   QUIZ CONTAINER
   ========================================================= */

body.single-sfwd-quiz
.learndash-wrapper
.wpProQuiz_content {
	width: min(100%, 920px);
	margin: 30px auto 0;

	color: var(--quiz-text);
}

body.single-sfwd-quiz
.learndash-wrapper
.wpProQuiz_list {
	margin: 0;
	padding: 0;
	list-style: none;
}

body.single-sfwd-quiz
.learndash-wrapper
.wpProQuiz_listItem {
	margin: 0;
	padding: 28px;
	border: 1px solid var(--quiz-border);
	border-radius: 20px;
	background: #fff;
	box-shadow:
		0 18px 42px -30px rgba(11, 31, 56, 0.42);
}


/* =========================================================
   QUESTION POSITION
   ========================================================= */

body.single-sfwd-quiz
.learndash-wrapper
.wpProQuiz_question_page {
	width: fit-content;
	margin: 0 0 12px;
	padding: 6px 10px;

	border-radius: 999px;
	background: #edf3ff;

	color: var(--quiz-blue);
	font-size: 0.7rem;
	font-weight: 750;
	line-height: 1;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}


/* =========================================================
   QUESTION
   ========================================================= */

body.single-sfwd-quiz
.learndash-wrapper
.wpProQuiz_question {
	min-width: 0;
	margin: 0 !important;
	padding: 0;

	border: 0;
}

body.single-sfwd-quiz
.learndash-wrapper
.wpProQuiz_question:focus {
	outline: none;
}

body.single-sfwd-quiz
.learndash-wrapper
.wpProQuiz_question_text {
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;

	color: var(--quiz-dark);
	font-size: clamp(1.1rem, 2vw, 1.35rem);
	font-weight: 750;
	line-height: 1.45;
}

body.single-sfwd-quiz
.learndash-wrapper
.wpProQuiz_question_text p {
	margin: 0 0 20px 0;
}

@media (max-width: 767px) {
body.single-sfwd-quiz
	.learndash-wrapper
	.wpProQuiz_question_text {
		margin-bottom: 18px !important;
	}

	body.single-sfwd-quiz
	.learndash-wrapper
	.wpProQuiz_question_text p {
		margin: 0 !important;
	}

	body.single-sfwd-quiz
	.learndash-wrapper
	.wpProQuiz_questionList {
		margin-top: 0 !important;
	}
}


/* =========================================================
   QUIZ AUDIO
   ========================================================= */

body.single-sfwd-quiz
.learndash-wrapper
.educa-quiz-audio {
	display: inline-flex;
	gap: 10px;
	align-items: center;
	justify-content: center;

	min-width: 142px;
	min-height: 44px;
	margin: 16px 0 4px;
	padding: 10px 17px;

	border: 0;
	border-radius: 13px;

	background:
		linear-gradient(
			135deg,
			#14b8c8,
			#0891b2
		);

	color: #fff;
	font-family: inherit;
	font-size: 0.85rem;
	font-weight: 750;
	line-height: 1;
	text-transform: none;

	box-shadow:
		0 11px 22px -13px rgba(8, 145, 178, 0.78);

	cursor: pointer;
	transition:
		transform 0.16s ease,
		box-shadow 0.16s ease;
}
@media (max-width: 767px) {
body.single-sfwd-quiz
.learndash-wrapper
.educa-quiz-audio {
	margin: 16px 0 14px;
}
}

.educa-quiz-audio__icon {
	width: 0;
	height: 0;

	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 9px solid currentColor;
}

body.single-sfwd-quiz
.learndash-wrapper
.educa-quiz-audio.is-playing {
	background:
		linear-gradient(
			135deg,
			#7c3aed,
			#6d4df2
		);
}

@media (hover: hover) {
	body.single-sfwd-quiz
	.learndash-wrapper
	.educa-quiz-audio:hover {
		color: #fff;
		transform: translateY(-1px);

		box-shadow:
			0 14px 24px -13px rgba(8, 145, 178, 0.9);
	}
}

body.single-sfwd-quiz
.learndash-wrapper
.educa-quiz-audio:focus-visible {
	outline: 3px solid rgba(8, 145, 178, 0.25);
	outline-offset: 3px;
}

.educa-quiz-audio > br {
	display: none !important;
}

body.single-sfwd-quiz .educa-quiz-audio:focus {
	outline: none;
}

body.single-sfwd-quiz .educa-quiz-audio:focus-visible {
	outline: 2px solid rgba(8, 145, 178, 0.55);
	outline-offset: 3px;
}

/* =========================================================
   ANSWERS
   ========================================================= */

body.single-sfwd-quiz
.learndash-wrapper
.wpProQuiz_questionList {
	display: grid;
	gap: 10px;
	margin: 20px 0 0;
	padding: 0;
}

body.single-sfwd-quiz
.learndash-wrapper
.wpProQuiz_questionListItem {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
}

body.single-sfwd-quiz
.learndash-wrapper
.wpProQuiz_questionListItem label {
	display: flex !important;
	gap: 13px;
	align-items: center;
	width: 100%;
	min-height: 58px;
	margin: 0;
	padding: 14px 16px;

	border: 1px solid var(--quiz-border);
	border-radius: 14px;
	background: #fff;

	color: var(--quiz-dark);
	font-size: 1rem;
	font-weight: 550;
	line-height: 1.4;

	cursor: pointer;
	transition:
		border-color 0.16s ease,
		background-color 0.16s ease,
		box-shadow 0.16s ease,
		transform 0.16s ease;
}

body.single-sfwd-quiz
.learndash-wrapper
.wpProQuiz_questionInput {
	appearance: none;
	-webkit-appearance: none;

	flex: 0 0 20px;
	width: 20px;
	height: 20px;
	margin: 0;

	border: 2px solid #aeb9c8;
	border-radius: 50%;
	background: #fff;

	cursor: pointer;
}

body.single-sfwd-quiz
.learndash-wrapper
.wpProQuiz_questionInput:checked {
	border-color: var(--quiz-blue);
	background: var(--quiz-blue);

	box-shadow:
		inset 0 0 0 5px #fff;
}

body.single-sfwd-quiz
.learndash-wrapper
.wpProQuiz_questionInput:focus-visible {
	outline: 3px solid rgba(124, 58, 237, 0.25);
	outline-offset: 3px;
}

body.single-sfwd-quiz
.learndash-wrapper
.wpProQuiz_questionListItem
label:has(.wpProQuiz_questionInput:checked) {
	border-color: rgba(124, 58, 237, 0.55);
	background: #f3f7ff;

	box-shadow:
		0 8px 20px -17px rgba(124, 58, 237, 0.7);
}

@media (hover: hover) {
	body.single-sfwd-quiz
	.learndash-wrapper
	.wpProQuiz_questionListItem label:hover {
		border-color: rgba(124, 58, 237, 0.42);
		background: #f8faff;
	}
}


/* =========================================================
   ANSWER STATES
   ========================================================= */

body.single-sfwd-quiz
.learndash-wrapper
.wpProQuiz_questionListItem.wpProQuiz_answerCorrect label,
body.single-sfwd-quiz
.learndash-wrapper
.wpProQuiz_questionListItem.wpProQuiz_answerCorrectIncomplete label {
	border-color: rgba(25, 135, 84, 0.55);
	background: var(--quiz-correct-bg);
	color: var(--quiz-dark);
}

body.single-sfwd-quiz
.learndash-wrapper
.wpProQuiz_questionListItem.wpProQuiz_answerIncorrect label {
	border-color: rgba(200, 75, 61, 0.55);
	background: var(--quiz-incorrect-bg);
	color: var(--quiz-dark);
}

body.single-sfwd-quiz
.learndash-wrapper
.ld-quiz-question-item__status {
	flex: 0 0 auto;
	margin-left: auto;
}

body.single-sfwd-quiz
.learndash-wrapper
.ld-quiz-question-item__status span {
	padding: 5px 8px;
	border-radius: 999px;

	font-size: 0.67rem;
	font-weight: 750;
	line-height: 1;
	white-space: nowrap;
}

body.single-sfwd-quiz
.learndash-wrapper
.ld-quiz-question-item__status--correct,
body.single-sfwd-quiz
.learndash-wrapper
.ld-quiz-question-item__status--missed {
	background: #e1f5e9;
	color: var(--quiz-correct);
}

body.single-sfwd-quiz
.learndash-wrapper
.ld-quiz-question-item__status--incorrect {
	background: #fde5e2;
	color: var(--quiz-incorrect);
}

/* Correct answer — selected or revealed */
body.single-sfwd-quiz
.learndash-wrapper
.wpProQuiz_content
.wpProQuiz_questionListItem:not(.ld-sortable__item).wpProQuiz_answerCorrect
label,

body.single-sfwd-quiz
.learndash-wrapper
.wpProQuiz_content
.wpProQuiz_questionListItem:not(.ld-sortable__item).wpProQuiz_answerCorrectIncomplete
label {
	border: 1px solid #38a169 !important;
	background: rgba(56, 161, 105, 0.07) !important;
	box-shadow: none !important;
}

body.single-sfwd-quiz
.learndash-wrapper
.wpProQuiz_content
.wpProQuiz_questionListItem:not(.ld-sortable__item)
label {
	border-width: 1px;
}


/* =========================================================
   FEEDBACK
   ========================================================= */

body.single-sfwd-quiz
.learndash-wrapper
.wpProQuiz_response {
	margin: 18px 0 0 !important;
	padding: 0 !important;

	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

body.single-sfwd-quiz
.learndash-wrapper
.wpProQuiz_correct,
body.single-sfwd-quiz
.learndash-wrapper
.wpProQuiz_incorrect {
	padding: 18px 20px !important;

	border-radius: 14px;
	text-align: left;
}

body.single-sfwd-quiz
.learndash-wrapper
.wpProQuiz_correct {
	border: 1px solid rgba(25, 135, 84, 0.28);
	background: var(--quiz-correct-bg);
	color: var(--quiz-dark);
}

body.single-sfwd-quiz
.learndash-wrapper
.wpProQuiz_incorrect {
	border: 1px solid rgba(200, 75, 61, 0.28);
	background: var(--quiz-incorrect-bg);
	color: var(--quiz-dark);
}

body.single-sfwd-quiz
.learndash-wrapper
.wpProQuiz_correct > span,
body.single-sfwd-quiz
.learndash-wrapper
.wpProQuiz_incorrect > span {
	display: block;
	margin-bottom: 4px;

	font-size: 0.9rem;
	font-weight: 800;
}

body.single-sfwd-quiz
.learndash-wrapper
.wpProQuiz_AnswerMessage {
	color: var(--quiz-muted);
	font-size: 0.9rem;
	line-height: 1.55;
}


/* =========================================================
   BUTTONS
   ========================================================= */

body.single-sfwd-quiz
.learndash-wrapper
input.wpProQuiz_button.wpProQuiz_QuestionButton {
	min-width: 112px;
	min-height: 44px;
	margin-top: 18px !important;
	padding: 11px 20px !important;
	border: 0 !important;
	border-radius: 12px !important;
	color: #fff !important;
	font-family: inherit;
	font-size: 0.84rem !important;
	font-weight: 750 !important;
	line-height: 1 !important;
	text-transform: none !important;
	background:
	linear-gradient(
		135deg,
		#8b5cf6,
		#6d4df2
	) !important;
    box-shadow:
	0 11px 22px -12px rgba(109, 77, 242, 0.78);
	cursor: pointer;
	transition:
		background-color 0.16s ease,
		transform 0.16s ease,
		box-shadow 0.16s ease;
}

@media (hover: hover) {
	body.single-sfwd-quiz
	.learndash-wrapper
	input.wpProQuiz_button.wpProQuiz_QuestionButton:hover {
		background:
			linear-gradient(
				135deg,
				#7c3aed,
				#5938d7
			) !important;

		transform: translateY(-1px);
	}
}

@media (max-width: 767px) {
	body.single-sfwd-quiz
	.learndash-wrapper
	.wpProQuiz_button {
		width: 100% !important;
		min-height: 48px;
		padding: 12px 18px !important;
		text-align: center !important;
	}

	/* Сохраняем скрытое состояние служебных кнопок LearnDash */
	body.single-sfwd-quiz
	.learndash-wrapper
	.wpProQuiz_button[style*="display: none"] {
		display: none !important;
	}
}

body.single-sfwd-quiz
.learndash-wrapper
input.wpProQuiz_button.wpProQuiz_QuestionButton:focus-visible {
	outline: 3px solid rgba(124, 58, 237, 0.28);
	outline-offset: 3px;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {
	body.single-sfwd-quiz
	.learndash-wrapper
	.wpProQuiz_content {
		margin-top: 22px;
	}

	body.single-sfwd-quiz
	.learndash-wrapper
	.wpProQuiz_listItem {
		padding: 18px;
		border-radius: 17px;
	}

	body.single-sfwd-quiz
	.learndash-wrapper
	.wpProQuiz_question_text {
		font-size: 1.08rem;
	}

	body.single-sfwd-quiz
	.learndash-wrapper
	.wpProQuiz_questionList {
		gap: 8px;
		margin-top: 16px;
	}

	body.single-sfwd-quiz
	.learndash-wrapper
	.wpProQuiz_questionListItem label {
		min-height: 54px;
		padding: 12px 13px;
		border-radius: 12px;
		font-size: 0.95rem;
	}

	body.single-sfwd-quiz
	.learndash-wrapper
	.wpProQuiz_question audio,
	body.single-sfwd-quiz
	.learndash-wrapper
	.wpProQuiz_question_text audio {
		width: 100% !important;
	}

	body.single-sfwd-quiz
	.learndash-wrapper
	input.wpProQuiz_button.wpProQuiz_QuestionButton {
		float: none !important;
		width: 100%;
		margin-right: 0 !important;
	}

	body.single-sfwd-quiz
	.learndash-wrapper
	.wpProQuiz_correct,
	body.single-sfwd-quiz
	.learndash-wrapper
	.wpProQuiz_incorrect {
		padding: 15px 16px !important;
	}
}
/* =========================================================
   QUIZ RESULTS
   ========================================================= */

body.single-sfwd-quiz
.learndash-wrapper
.wpProQuiz_results {
	position: relative;
	overflow: hidden;
	width: min(100%, 920px);
	margin: 30px auto 0;
	padding: 32px 300px 30px 32px;
	border: 1px solid var(--quiz-border);
	border-radius: 20px;
	background:
	radial-gradient(
		circle at 91% 75%,
		rgba(245, 158, 11, 0.09),
		transparent 29%
	),
	radial-gradient(
		circle at 78% 18%,
		rgba(124, 58, 237, 0.045),
		transparent 26%
	),
	#fff;
	box-shadow:
		0 18px 42px -30px rgba(11, 31, 56, 0.42);
}

/*
 * Balalayka
 */
body.single-sfwd-quiz
.learndash-wrapper
.wpProQuiz_results::after {
	content: "";
	position: absolute;
	z-index: 0;
	top: 50%;
	right: 48px;

	width: 205px;
	height: 245px;

	background-image:
		url("/wp-content/uploads/2026/07/russian-balalayka.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;

	filter:
		drop-shadow(
			0 15px 18px rgba(82, 48, 34, 0.16)
		);

	transform:
		translateY(-50%)
		rotate(4deg);

	pointer-events: none;
}

body.single-sfwd-quiz
.learndash-wrapper
.wpProQuiz_results > * {
	position: relative;
	z-index: 1;
}

body.single-sfwd-quiz
.learndash-wrapper
.wpProQuiz_results
.wpProQuiz_header {
	margin: 0 0 18px;

	color: var(--quiz-dark);
	font-size: clamp(1.45rem, 2.5vw, 1.9rem);
	font-weight: 800;
	line-height: 1.2;
}

body.single-sfwd-quiz
.learndash-wrapper
.wpProQuiz_results > p {
	margin: 0 0 14px;
	color: var(--quiz-text);
	font-size: 1rem;
	line-height: 1.55;
}

body.single-sfwd-quiz
.learndash-wrapper
.wpProQuiz_quiz_time {
	display: inline-flex;
	width: fit-content;
	margin: 8px 0 18px !important;
	padding: 8px 11px;

	border-radius: 10px;
	background: #f3efff;

	color: var(--quiz-blue) !important;
	font-size: 0.78rem !important;
	font-weight: 700;
}

body.single-sfwd-quiz
.learndash-wrapper
.wpProQuiz_points {
	margin: 0 0 22px !important;
	padding: 18px 20px !important;

	border: 1px solid rgba(124, 58, 237, 0.18) !important;
	border-left: 5px solid var(--quiz-blue) !important;
	border-radius: 14px !important;

	background:
		linear-gradient(
			90deg,
			rgba(124, 58, 237, 0.08),
			rgba(8, 145, 178, 0.045)
		) !important;

	color: var(--quiz-dark) !important;
	font-size: 1.05rem !important;
	font-weight: 750 !important;
	line-height: 1.45;
	text-align: left !important;
}
@media (max-width: 900px) {
	body.single-sfwd-quiz
	.learndash-wrapper
	.wpProQuiz_results {
		padding-right: 210px;
	}

	body.single-sfwd-quiz
	.learndash-wrapper
	.wpProQuiz_results::after {
		right: 28px;
		width: 145px;
		height: 190px;
	}
}




/* Result buttons */

body.single-sfwd-quiz
.learndash-wrapper
.wpProQuiz_results
.wpProQuiz_button {
	float: none !important;

	min-width: 142px;
	min-height: 44px;
	margin: 6px 8px 0 0 !important;
	padding: 11px 18px !important;

	border-radius: 12px !important;

	font-family: inherit;
	font-size: 0.82rem !important;
	font-weight: 750 !important;
	line-height: 1 !important;
	text-transform: none !important;

	cursor: pointer;
}


/* View Questions */

body.single-sfwd-quiz
.learndash-wrapper
.wpProQuiz_results
.wpProQuiz_button:not([name="restartQuiz"]) {
	border: 1px solid rgba(124, 58, 237, 0.28) !important;
	background: #fff !important;
	color: var(--quiz-blue) !important;
	box-shadow: none !important;
}


/* Restart Quiz */

body.single-sfwd-quiz
.learndash-wrapper
.wpProQuiz_results
.wpProQuiz_button[name="restartQuiz"] {
	border: 0 !important;

	background:
		linear-gradient(
			135deg,
			#8b5cf6,
			#6d4df2
		) !important;

	color: #fff !important;

	box-shadow:
		0 11px 22px -12px rgba(109, 77, 242, 0.72);
}


@media (hover: hover) {
	body.single-sfwd-quiz
	.learndash-wrapper
	.wpProQuiz_results
	.wpProQuiz_button:not([name="restartQuiz"]):hover {
		border-color: var(--quiz-blue) !important;
		background: #f7f3ff !important;
		color: var(--quiz-blue) !important;
	}

	body.single-sfwd-quiz
	.learndash-wrapper
	.wpProQuiz_results
	.wpProQuiz_button[name="restartQuiz"]:hover {
		background:
			linear-gradient(
				135deg,
				#7c3aed,
				#5938d7
			) !important;
	}
}


/* =========================================================
   RESULTS — MOBILE
   ========================================================= */

@media (max-width: 767px) {
	body.single-sfwd-quiz
.learndash-wrapper
.wpProQuiz_results {
	padding: 24px 20px 22px;
}

body.single-sfwd-quiz
.learndash-wrapper
.wpProQuiz_results::after {
	top: 40px;
    width: 75px;
    right: 15px;
    height: 180px;
}

body.single-sfwd-quiz
.learndash-wrapper
.wpProQuiz_results
.wpProQuiz_header {
	padding-right: 0;
	padding-bottom: 20px;
}

	body.single-sfwd-quiz
	.learndash-wrapper
	.wpProQuiz_points {
		padding: 15px 16px !important;
		font-size: 0.94rem !important;
	}

	body.single-sfwd-quiz
	.learndash-wrapper
	.wpProQuiz_results
	.wpProQuiz_button {
		width: 100%;
		margin: 8px 0 0 !important;
	}
	body.single-sfwd-quiz
	.learndash-wrapper
	.wpProQuiz_results
	.wpProQuiz_button
	+ .wpProQuiz_button {
		margin-left: 8px !important;
	}
}

/* =========================================================
   SORTING — ORDER THE ITEMS
   ========================================================= */

body.single-sfwd-quiz
.learndash-wrapper
.ld-sortable--sort_answer {
	display: grid;
	gap: 10px;
	margin: 20px 0 0;
}

/* One sortable row */
body.single-sfwd-quiz
.learndash-wrapper
.ld-sortable--sort_answer
.ld-sortable__item {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: stretch;

	min-height: 58px;
	margin: 0 !important;
	padding: 0 !important;

	border: 1px solid var(--quiz-border) !important;
	border-radius: 14px;
	background: #fff !important;

	overflow: hidden;
	transition:
		border-color 0.16s ease,
		background-color 0.16s ease,
		box-shadow 0.16s ease,
		transform 0.16s ease;
}

/* Main draggable area */
body.single-sfwd-quiz
.learndash-wrapper
.ld-sortable--sort_answer
.ld-sortable__item-handle {
	display: flex;
	gap: 13px;
	align-items: center;
	justify-content: flex-start;

	width: 100%;
	min-width: 0;
	min-height: 58px;
	margin: 0;
	padding: 13px 16px;

	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;

	color: var(--quiz-dark) !important;
	font-family: inherit;
	font-size: 1rem;
	font-weight: 650;
	line-height: 1.35;
	text-align: left;
	text-transform: none;

	box-shadow: none !important;
	cursor: grab;
}

body.single-sfwd-quiz
.learndash-wrapper
.ld-sortable--sort_answer
.ld-sortable__item-handle:active {
	cursor: grabbing;
}

/* Drag icon */
body.single-sfwd-quiz
.learndash-wrapper
.ld-sortable--sort_answer
.ld-sortable__item-handle
.ld-svgicon__drag {
	flex: 0 0 17px;
	width: 17px;
	height: 17px;
	color: #8290a5;
}

/* Text */
body.single-sfwd-quiz
.learndash-wrapper
.ld-sortable--sort_answer
.ld-sortable__item-text {
	min-width: 0;
	overflow-wrap: anywhere;
}

/* Up/down controls */
body.single-sfwd-quiz
.learndash-wrapper
.ld-sortable--sort_answer
.ld-sortable__item-move-container {
	display: flex;
	align-items: center;
	align-self: stretch;

	border-left: 1px solid #e6edf6;
	background: #f8faff;
}

body.single-sfwd-quiz
.learndash-wrapper
.ld-sortable--sort_answer
.ld-sortable__item-move {
	display: grid;
	place-items: center;

	width: 42px;
	min-width: 42px;
	height: 100%;
	min-height: 58px;
	margin: 0;
	padding: 0;

	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	color: #53637a !important;

	box-shadow: none !important;
	cursor: pointer;
}

body.single-sfwd-quiz
.learndash-wrapper
.ld-sortable--sort_answer
.ld-sortable__item-move
svg {
	width: 18px;
	height: 18px;
}

/* LearnDash sometimes outputs both arrows */
body.single-sfwd-quiz
.learndash-wrapper
.ld-sortable--sort_answer
.ld-sortable__item-move + .ld-sortable__item-move {
	border-left: 1px solid #e6edf6 !important;
}

/* Active keyboard/drag state */
body.single-sfwd-quiz
.learndash-wrapper
.ld-sortable--sort_answer
.ld-sortable__item--active {
	border-color: rgba(124, 58, 237, 0.5) !important;
	background: #faf8ff !important;
	box-shadow:
		0 10px 24px -18px rgba(124, 58, 237, 0.75);
}

/* Dragging */
body.single-sfwd-quiz
.learndash-wrapper
.ld-sortable--sort_answer
.ld-sortable__item.ui-sortable-helper,
body.single-sfwd-quiz
.learndash-wrapper
.ld-sortable--sort_answer
.ld-sortable__item--dragging {
	border-color: var(--quiz-blue) !important;
	box-shadow:
		0 16px 30px -18px rgba(124, 58, 237, 0.75);
	transform: scale(1.01);
}

/* Result labels */
body.single-sfwd-quiz
.learndash-wrapper
.ld-sortable__item-status-container {
	align-self: center;
	margin-right: 12px;
}

body.single-sfwd-quiz
.learndash-wrapper
.ld-sortable__item-status {
	padding: 5px 8px;
	border-radius: 999px;

	font-size: 0.67rem;
	font-weight: 750;
	line-height: 1;
}

body.single-sfwd-quiz
.learndash-wrapper
.ld-sortable__item-status--correct,
body.single-sfwd-quiz
.learndash-wrapper
.ld-sortable__item-status--correct-answer {
	background: #e1f5e9;
	color: var(--quiz-correct);
}

body.single-sfwd-quiz
.learndash-wrapper
.ld-sortable__item-status--incorrect {
	background: #fde5e2;
	color: var(--quiz-incorrect);
}

/* Student/Correct comparison, shown after checking */
body.single-sfwd-quiz
.learndash-wrapper
.wpProQuiz_questionList_containers {
	margin-top: 16px;
	padding-top: 14px;
	border-top: 1px solid #e6edf6;
}

body.single-sfwd-quiz
.learndash-wrapper
.wpProQuiz_questionList_containers p {
	margin: 0;
	color: var(--quiz-muted);
	font-size: 0.82rem;
}


/* =========================================================
   MATRIX MATCHING
   ========================================================= */

/* Available answer bank */
body.single-sfwd-quiz
.learndash-wrapper
.wpProQuiz_matrixSortString {
	margin: 20px 0 16px;
	padding: 16px;

	border: 1px solid var(--quiz-border);
	border-radius: 14px;
	background:
		linear-gradient(
			135deg,
			#f8faff,
			#fbf9ff
		);
}

body.single-sfwd-quiz
.learndash-wrapper
.wpProQuiz_matrixSortString
.wpProQuiz_header {
	margin: 0 0 11px;
	color: var(--quiz-muted);
	font-size: 0.76rem;
	font-weight: 750;
	line-height: 1.3;
	letter-spacing: 0.055em;
	text-transform: uppercase;
}

/* Answer chips container */
body.single-sfwd-quiz
.learndash-wrapper
.wpProQuiz_sortStringList {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;

	min-height: 46px !important;
	margin: 0 !important;
	padding: 0 !important;

	list-style: none;
}

/* Draggable answer chip */
body.single-sfwd-quiz
.learndash-wrapper
.wpProQuiz_sortStringItem {
	display: inline-flex;
	gap: 8px;
	align-items: center;

	min-height: 42px;
	margin: 0 !important;
	padding: 9px 13px !important;

	border: 1px solid rgba(124, 58, 237, 0.16);
	border-radius: 11px;
	background: #fff;

	color: var(--quiz-dark);
	font-size: 0.92rem;
	font-weight: 600;
	line-height: 1.2;

	box-shadow:
		0 8px 18px -18px rgba(11, 31, 56, 0.5);

	cursor: grab;
	transition:
		border-color 0.16s ease,
		background-color 0.16s ease,
		box-shadow 0.16s ease,
		transform 0.16s ease;
}

body.single-sfwd-quiz
.learndash-wrapper
.wpProQuiz_sortStringItem:active {
	cursor: grabbing;
}

body.single-sfwd-quiz
.learndash-wrapper
.wpProQuiz_sortStringItem_icon {
	color: var(--quiz-blue);
	font-size: 16px;
}

/* Dragged chip */
body.single-sfwd-quiz
.learndash-wrapper
.wpProQuiz_sortStringItem.ui-sortable-helper {
	border-color: rgba(124, 58, 237, 0.55);
	background: #f8f5ff;

	box-shadow:
		0 14px 26px -16px rgba(124, 58, 237, 0.72);

	transform: rotate(1deg);
}

/* Placeholder during dragging */
body.single-sfwd-quiz
.learndash-wrapper
.wpProQuiz_sortStringList
.ui-sortable-placeholder,
body.single-sfwd-quiz
.learndash-wrapper
.wpProQuiz_maxtrixSortCriterion
.ui-sortable-placeholder {
	visibility: visible !important;
	min-width: 84px;
	min-height: 42px;

	border: 1px dashed rgba(124, 58, 237, 0.42);
	border-radius: 11px;
	background: rgba(124, 58, 237, 0.045);
}

/* Matching rows */
body.single-sfwd-quiz
.learndash-wrapper
.wpProQuiz_questionList[data-type="matrix_sort_answer"] {
	display: grid;
	gap: 9px;
	margin-top: 0;
}

body.single-sfwd-quiz
.learndash-wrapper
.wpProQuiz_questionList[data-type="matrix_sort_answer"]
.wpProQuiz_questionListItem {
	overflow: hidden;

	border: 1px solid var(--quiz-border) !important;
	border-radius: 13px;
	background: #fff !important;
}

/* Remove old table appearance */
body.single-sfwd-quiz
.learndash-wrapper
.wpProQuiz_questionList[data-type="matrix_sort_answer"]
table {
	width: 100%;
	margin: 0;
	border: 0;
	border-collapse: collapse;
	table-layout: fixed;
}

body.single-sfwd-quiz
.learndash-wrapper
.wpProQuiz_questionList[data-type="matrix_sort_answer"]
td {
	position: relative;
	padding: 0;
	border: 0;
	vertical-align: stretch;
}

/* Left-side prompt */
body.single-sfwd-quiz
.learndash-wrapper
.wpProQuiz_maxtrixSortText {
	display: flex;
	align-items: center;

	min-height: 60px;
	padding: 13px 16px;

	border-right: 1px solid var(--quiz-border);
	background: #fbfcff;

	color: var(--quiz-dark);
	font-size: 0.96rem;
	font-weight: 650;
	line-height: 1.35;
}

/* Drop area */
body.single-sfwd-quiz
.learndash-wrapper
.wpProQuiz_maxtrixSortCriterion {
	display: flex;
	align-items: center;
	gap: 8px;

	width: 100%;
	min-height: 60px !important;
	height: auto !important;
	margin: 0 !important;
	padding: 8px 12px !important;

	border: 0;
	background: #fff;

	list-style: none;
	transition:
		background-color 0.16s ease,
		box-shadow 0.16s ease;
}

body.single-sfwd-quiz
.learndash-wrapper
.wpProQuiz_maxtrixSortCriterion:empty::before {
	content: "Drop answer here";
	color: #8a97aa;
	font-size: 0.78rem;
	font-weight: 550;
}

/* Chip inside its selected row */
body.single-sfwd-quiz
.learndash-wrapper
.wpProQuiz_maxtrixSortCriterion
.wpProQuiz_sortStringItem {
	width: fit-content;
	max-width: 100%;
	border-color: rgba(8, 145, 178, 0.24);
	background: #f2fbfd;
}

/* Result status placement */
body.single-sfwd-quiz
.learndash-wrapper
.wpProQuiz_questionList[data-type="matrix_sort_answer"]
.ld-quiz-question-item__status {
	position: absolute;
	top: 50%;
	right: 12px;
	transform: translateY(-50%);
}

/* Allow room for result label */
body.single-sfwd-quiz
.learndash-wrapper
.wpProQuiz_questionList[data-type="matrix_sort_answer"]
td:last-child
.wpProQuiz_maxtrixSortCriterion {
	padding-right: 92px !important;
}


/* =========================================================
   SORTING — HOVER AND FOCUS
   ========================================================= */

@media (hover: hover) {
	body.single-sfwd-quiz
	.learndash-wrapper
	.ld-sortable--sort_answer
	.ld-sortable__item:hover {
		border-color: rgba(124, 58, 237, 0.34) !important;
		background: #fbfaff !important;
	}

	body.single-sfwd-quiz
	.learndash-wrapper
	.ld-sortable--sort_answer
	.ld-sortable__item-move:hover {
		background: #f1edff !important;
		color: var(--quiz-blue) !important;
	}

	body.single-sfwd-quiz
	.learndash-wrapper
	.wpProQuiz_sortStringItem:hover {
		border-color: rgba(124, 58, 237, 0.38);
		background: #faf8ff;
	}
}

body.single-sfwd-quiz
.learndash-wrapper
.ld-sortable__item-handle:focus-visible,
body.single-sfwd-quiz
.learndash-wrapper
.ld-sortable__item-move:focus-visible,
body.single-sfwd-quiz
.learndash-wrapper
.wpProQuiz_sortStringItem:focus-visible {
	outline: 3px solid rgba(124, 58, 237, 0.24);
	outline-offset: -3px;
}


/* =========================================================
   SORTING — MOBILE
   ========================================================= */

@media (max-width: 767px) {
	body.single-sfwd-quiz
	.learndash-wrapper
	.ld-sortable--sort_answer {
		gap: 8px;
		margin-top: 16px;
	}

	body.single-sfwd-quiz
	.learndash-wrapper
	.ld-sortable--sort_answer
	.ld-sortable__item,
	body.single-sfwd-quiz
	.learndash-wrapper
	.ld-sortable--sort_answer
	.ld-sortable__item-handle {
		min-height: 54px;
	}

	body.single-sfwd-quiz
	.learndash-wrapper
	.ld-sortable--sort_answer
	.ld-sortable__item-handle {
		padding: 11px 12px;
		font-size: 0.94rem;
	}

	body.single-sfwd-quiz
	.learndash-wrapper
	.ld-sortable--sort_answer
	.ld-sortable__item-move {
		width: 38px;
		min-width: 38px;
		min-height: 54px;
	}

	body.single-sfwd-quiz
	.learndash-wrapper
	.wpProQuiz_matrixSortString {
		margin-top: 16px;
		padding: 13px;
	}

	body.single-sfwd-quiz
	.learndash-wrapper
	.wpProQuiz_sortStringList {
		gap: 7px;
	}

	body.single-sfwd-quiz
	.learndash-wrapper
	.wpProQuiz_sortStringItem {
		min-height: 40px;
		padding: 8px 11px !important;
		font-size: 0.88rem;
	}

	/* Stack the prompt and drop area */
	body.single-sfwd-quiz
	.learndash-wrapper
	.wpProQuiz_questionList[data-type="matrix_sort_answer"]
	table,
	body.single-sfwd-quiz
	.learndash-wrapper
	.wpProQuiz_questionList[data-type="matrix_sort_answer"]
	tbody,
	body.single-sfwd-quiz
	.learndash-wrapper
	.wpProQuiz_questionList[data-type="matrix_sort_answer"]
	tr,
	body.single-sfwd-quiz
	.learndash-wrapper
	.wpProQuiz_questionList[data-type="matrix_sort_answer"]
	td {
		display: block;
		width: 100% !important;
	}

	body.single-sfwd-quiz
	.learndash-wrapper
	.wpProQuiz_maxtrixSortText {
		min-height: 44px;
		padding: 10px 12px;

		border-right: 0;
		border-bottom: 1px solid var(--quiz-border);

		font-size: 0.92rem;
	}

	body.single-sfwd-quiz
	.learndash-wrapper
	.wpProQuiz_maxtrixSortCriterion {
		min-height: 52px !important;
		padding: 7px 10px !important;
	}

	body.single-sfwd-quiz
	.learndash-wrapper
	.wpProQuiz_questionList[data-type="matrix_sort_answer"]
	td:last-child
	.wpProQuiz_maxtrixSortCriterion {
		padding-right: 10px !important;
		padding-bottom: 34px !important;
	}

	body.single-sfwd-quiz
	.learndash-wrapper
	.wpProQuiz_questionList[data-type="matrix_sort_answer"]
	.ld-quiz-question-item__status {
		top: auto;
		right: 10px;
		bottom: 8px;
		transform: none;
	}
}

/* Prevent text selection while dragging sortable answers */
body.single-sfwd-quiz
.learndash-wrapper
.ld-sortable__item-handle,
body.single-sfwd-quiz
.learndash-wrapper
.ld-sortable__item-handle * {
	-webkit-user-select: none !important;
	user-select: none !important;
	-webkit-touch-callout: none !important;
}

body.single-sfwd-quiz
.learndash-wrapper
.ld-sortable__item-handle {
	touch-action: none;
	cursor: grab;
}

body.single-sfwd-quiz
.learndash-wrapper
.ld-sortable__item-handle:active {
	cursor: grabbing;
}