.mcq {
	--mcq-navy: #10233d;
	--mcq-navy-soft: #283b57;
	--mcq-gold: #f2a900;
	--mcq-gold-deep: #d89a12;
	--mcq-gold-wash: #fff8e9;
	--mcq-muted: #8b99af;
	--mcq-line: #e4e8ef;
	--mcq-paper: #ffffff;
	--mcq-panel: #f6f8fb;
	--mcq-card-height: 620px;
	--mcq-card-max-width: 980px;
	--mcq-card-radius: 24px;
	--mcq-header-height: 68px;
	--mcq-progress-height: 44px;
	--mcq-footer-height: 82px;
	width: 100%;
	color: var(--mcq-navy);
	font-family: "Onest", "Montserrat", "Manrope", Arial, sans-serif;
	font-size: 16px;
	line-height: 1.35;
	-webkit-font-smoothing: antialiased;
}

.mcq,
.mcq *,
.mcq *::before,
.mcq *::after {
	box-sizing: border-box;
}

.elementor-widget-shortcode:has(.mcq),
.elementor-widget-most-china-quiz {
	width: 100%;
	container-type: inline-size;
}

.mcq__card {
	display: grid;
	grid-template-rows: var(--mcq-header-height) var(--mcq-progress-height) minmax(0, 1fr) auto var(--mcq-footer-height);
	width: 100%;
	max-width: var(--mcq-card-max-width);
	height: var(--mcq-card-height);
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	color: var(--mcq-navy);
	background: var(--mcq-paper);
	border: 1px solid rgba(16, 35, 61, 0.06);
	border-radius: var(--mcq-card-radius);
	box-shadow: 0 24px 70px rgba(16, 35, 61, 0.13);
}

/* Custom schemas can contain more choices than the fixed-height card can
 * physically show. Keep the standard screens equal-height, but expand an
 * exceptional step instead of clipping inaccessible answers. */
.mcq__card.is-content-expanded {
	grid-template-rows: var(--mcq-header-height) var(--mcq-progress-height) minmax(0, auto) auto var(--mcq-footer-height);
	height: auto;
	min-height: var(--mcq-card-height);
}

.mcq__card.is-content-expanded .mcq__stage {
	overflow: visible;
}

.mcq__card.is-content-expanded .mcq-question {
	min-height: 0;
}

.mcq--hide-header {
	--mcq-header-height: 0px;
}

.mcq--hide-progress {
	--mcq-progress-height: 0px;
}

.mcq__header[hidden],
.mcq__progress-row[hidden] {
	display: none !important;
}

.mcq__header {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 18px 30px 8px;
}

.mcq__step-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 42px;
	width: 42px;
	height: 42px;
	color: var(--mcq-gold);
	font-size: 17px;
	font-weight: 800;
	line-height: 1;
	background: var(--mcq-navy);
	border-radius: 50%;
}

.mcq__section {
	min-width: 0;
	color: var(--mcq-navy);
	font-size: 18px;
	font-weight: 730;
	letter-spacing: -0.01em;
}

.mcq__progress-row {
	display: flex;
	align-items: center;
	gap: 20px;
	padding: 4px 30px 8px;
}

.mcq__progress-copy {
	flex: 0 0 auto;
	color: var(--mcq-muted);
	font-size: 14px;
	font-weight: 650;
	font-variant-numeric: tabular-nums;
}

.mcq__progress {
	display: flex;
	align-items: center;
	gap: 7px;
	min-width: 0;
}

.mcq__progress-dot {
	display: block;
	flex: 0 0 7px;
	width: 7px;
	height: 7px;
	background: #d9d6ce;
	border-radius: 999px;
	transition: width 180ms ease, background-color 180ms ease;
}

.mcq__progress-dot.is-done {
	background: var(--mcq-gold);
}

.mcq__progress-dot.is-current {
	flex-basis: 30px;
	width: 30px;
	background: var(--mcq-gold);
}

.mcq__progress.is-dense {
	flex: 1 1 auto;
	gap: 3px;
}

.mcq__progress.is-dense .mcq__progress-dot {
	flex: 1 1 4px;
	width: 4px;
	min-width: 2px;
	max-width: 4px;
}

.mcq__progress.is-dense .mcq__progress-dot.is-current {
	flex-basis: 16px;
	width: 16px;
	max-width: 16px;
}

.mcq__progress.is-very-dense {
	gap: 2px;
}

.mcq__progress.is-very-dense .mcq__progress-dot {
	flex-basis: 3px;
	width: 3px;
	max-width: 3px;
}

.mcq__progress.is-very-dense .mcq__progress-dot.is-current {
	flex-basis: 12px;
	width: 12px;
	max-width: 12px;
}

.mcq__stage {
	min-height: 0;
	overflow: hidden;
	scrollbar-color: rgba(16, 35, 61, 0.18) transparent;
	scrollbar-width: thin;
	outline: none;
}

.mcq__stage::-webkit-scrollbar {
	width: 6px;
}

.mcq__stage::-webkit-scrollbar-thumb {
	background: rgba(16, 35, 61, 0.16);
	border-radius: 999px;
}

.mcq-question {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 100%;
	max-width: 900px;
	min-height: 100%;
	margin: 0 auto;
	padding: 10px 40px 14px;
}

.mcq-question__title {
	max-width: 820px;
	margin: 0 auto 24px;
	color: var(--mcq-navy);
	font-size: clamp(25px, 3vw, 34px);
	font-weight: 760;
	line-height: 1.16;
	letter-spacing: -0.025em;
	text-align: center;
}

.mcq-question__subtitle {
	margin: -12px auto 22px;
	color: var(--mcq-muted);
	font-size: 14px;
	text-align: center;
}

.mcq-question--compact-list {
	padding-top: 4px;
	padding-bottom: 6px;
}

.mcq-question--list {
	padding-top: 4px;
	padding-bottom: 6px;
}

.mcq-question--compact-list .mcq-question__title,
.mcq-question--list .mcq-question__title {
	margin-bottom: 16px;
	font-size: clamp(23px, 2.6vw, 30px);
}

.mcq-options {
	display: grid;
	width: 100%;
	margin: 0 auto;
}

.mcq-options--cards {
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 14px;
	max-width: 820px;
}

.mcq-options--tiles {
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
	max-width: 840px;
}

.mcq-options--list,
.mcq-options--compact-list {
	grid-template-columns: minmax(0, 1fr);
	gap: 10px;
	max-width: 800px;
}

.mcq-options--compact-list {
	gap: 8px;
	max-width: 720px;
}

.mcq-options--chips {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px;
	max-width: 820px;
}

.mcq-options--methods {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
	max-width: 680px;
}

.mcq-option {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	min-width: 0;
	margin: 0;
	padding: 13px 16px;
	color: var(--mcq-option-text-normal, var(--mcq-navy)) !important;
	font: inherit;
	text-align: left;
	background: var(--mcq-option-background-normal, var(--mcq-paper)) !important;
	border: 1px solid var(--mcq-option-border-normal, var(--mcq-line)) !important;
	border-radius: 13px;
	box-shadow: 0 2px 7px rgba(16, 35, 61, 0.025);
	cursor: pointer;
	appearance: none;
	-webkit-appearance: none;
	transition: border-color 160ms ease, background-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.mcq-option:hover {
	color: var(--mcq-option-text-hover, var(--mcq-navy)) !important;
	background: var(--mcq-option-background-hover, #fffdfa) !important;
	border-color: var(--mcq-option-border-hover, rgba(242, 169, 0, 0.58)) !important;
	box-shadow: 0 8px 20px rgba(16, 35, 61, 0.07);
	transform: translateY(-1px);
}

.mcq-option:focus-visible,
.mcq__button:focus-visible,
.mcq-field input:focus-visible,
.mcq__custom-direction:focus-visible {
	outline: 3px solid rgba(242, 169, 0, 0.24) !important;
	outline-offset: 2px;
}

.mcq-option.is-selected,
.mcq-option.is-selected:hover {
	color: var(--mcq-option-text-selected, var(--mcq-navy)) !important;
	background: var(--mcq-option-background-selected, var(--mcq-gold-wash)) !important;
	border-color: var(--mcq-option-border-selected, var(--mcq-gold)) !important;
	box-shadow: 0 0 0 5px rgba(242, 169, 0, 0.13), 0 10px 24px rgba(16, 35, 61, 0.07);
}

.mcq-options--cards .mcq-option {
	flex-direction: column;
	justify-content: center;
	min-height: 132px;
	padding: 18px 14px;
	text-align: center;
}

.mcq-options--tiles .mcq-option {
	flex-direction: column;
	justify-content: center;
	min-height: 88px;
	padding: 13px;
	text-align: center;
}

.mcq-options--list .mcq-option {
	min-height: 52px;
	padding: 7px 12px;
}

.mcq-options--compact-list .mcq-option {
	justify-content: center;
	min-height: 48px;
	padding: 10px 16px;
	text-align: center;
}

.mcq-options--compact-list .mcq-option__icon {
	display: none;
}

.mcq-options--list .mcq-option__icon {
	flex-basis: 34px;
	width: 34px;
	height: 34px;
	margin-right: 11px;
	border-radius: 9px;
}

.mcq-options--list .mcq-option__icon svg {
	width: 18px;
	height: 18px;
}

.mcq-options--list .mcq-option__label {
	font-size: 14px;
}

.mcq-options--list .mcq-option__description {
	font-size: 11.5px;
}

.mcq-options--chips .mcq-option {
	width: auto;
	min-height: 42px;
	padding: 9px 16px;
	border-radius: 999px;
	box-shadow: none;
}

.mcq-options--chips .mcq-option.is-selected {
	box-shadow: 0 0 0 3px rgba(242, 169, 0, 0.13);
}

.mcq-options--methods .mcq-option {
	min-height: 72px;
}

.mcq-option__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 40px;
	width: 40px;
	height: 40px;
	margin-right: 14px;
	color: var(--mcq-navy-soft);
	background: var(--mcq-gold-wash);
	border-radius: 11px;
}

.mcq-options--cards .mcq-option__icon {
	flex-basis: 46px;
	width: 46px;
	height: 46px;
	margin: 0 0 10px;
	border-radius: 50%;
}

.mcq-option__icon svg {
	display: block;
	width: 21px;
	height: 21px;
}

.mcq-option__content {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	min-width: 0;
}

.mcq-option__label {
	color: var(--mcq-option-text-normal, var(--mcq-navy)) !important;
	font-size: 15px;
	font-weight: 690;
	line-height: 1.24;
}

.mcq-option:hover .mcq-option__label {
	color: var(--mcq-option-text-hover, var(--mcq-navy)) !important;
}

.mcq-option.is-selected .mcq-option__label,
.mcq-option.is-selected:hover .mcq-option__label {
	color: var(--mcq-option-text-selected, var(--mcq-navy)) !important;
}

.mcq-option__description {
	margin-top: 3px;
	color: var(--mcq-muted) !important;
	font-size: 12.5px;
	font-weight: 450;
	line-height: 1.25;
}

.mcq-options--cards .mcq-option__content,
.mcq-options--tiles .mcq-option__content {
	flex: 0 0 auto;
}

.mcq-options--cards .mcq-option__label,
.mcq-options--tiles .mcq-option__label {
	font-size: 15.5px;
}

.mcq-options--compact-list .mcq-option__label,
.mcq-options--chips .mcq-option__label {
	font-size: 13.5px;
}

.mcq-option__check {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 22px;
	width: 22px;
	height: 22px;
	margin-left: 12px;
	color: transparent;
	font-size: 12px;
	font-weight: 800;
	background: transparent;
	border: 1.5px solid #cbd3df;
	border-radius: 50%;
	transition: color 160ms ease, border-color 160ms ease, background-color 160ms ease;
}

.mcq-options--chips .mcq-option__check {
	flex-basis: 18px;
	width: 18px;
	height: 18px;
	margin-left: 8px;
	font-size: 10px;
	opacity: 0;
}

.mcq-options--cards .mcq-option__check,
.mcq-options--tiles .mcq-option__check {
	position: absolute;
	top: 10px;
	right: 10px;
	margin: 0;
}

.mcq-option.is-selected .mcq-option__check {
	color: var(--mcq-navy);
	background: var(--mcq-gold);
	border-color: var(--mcq-gold);
}

.mcq-options--chips .mcq-option.is-selected .mcq-option__check {
	opacity: 1;
}

.mcq__custom-direction {
	display: block;
	width: 100%;
	max-width: 820px;
	height: 52px;
	margin: 0 auto 16px !important;
	padding: 0 18px !important;
	color: var(--mcq-navy) !important;
	font: inherit;
	font-size: 14px;
	background: var(--mcq-panel) !important;
	border: 1px solid var(--mcq-line) !important;
	border-radius: 12px !important;
	box-shadow: none !important;
	appearance: none;
}

.mcq__custom-direction[hidden] {
	display: none !important;
}

.mcq__custom-direction::placeholder,
.mcq-field input::placeholder {
	color: #9da9ba;
	opacity: 1;
}

.mcq-fields {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 16px;
	width: 100%;
	max-width: 660px;
	margin: 0 auto;
}

.mcq-field label {
	display: block;
	margin: 0 0 7px;
	color: var(--mcq-muted);
	font-size: 13px;
	font-weight: 500;
}

.mcq-field input {
	display: block;
	width: 100%;
	height: 54px;
	margin: 0 !important;
	padding: 0 17px !important;
	color: var(--mcq-navy) !important;
	font: inherit;
	font-size: 15px;
	background: var(--mcq-paper) !important;
	border: 1px solid var(--mcq-line) !important;
	border-radius: 12px !important;
	box-shadow: none !important;
	appearance: none;
}

.mcq-consent {
	display: grid;
	grid-template-columns: 20px minmax(0, 1fr);
	align-items: start;
	gap: 10px;
}

.mcq-consent input {
	width: 18px;
	height: 18px;
	margin: 2px 0 0 !important;
	accent-color: var(--mcq-gold);
}

.mcq-consent label {
	color: #6f7d91;
	font-size: 12px;
	line-height: 1.45;
}

.mcq-consent a {
	color: var(--mcq-navy-soft);
	text-decoration: underline;
	text-underline-offset: 2px;
}

.mcq__error {
	align-self: center;
	max-width: 760px;
	margin: 0 auto;
	padding: 7px 18px;
	color: #a33a2b;
	font-size: 13px;
	font-weight: 600;
	text-align: center;
	background: #fff3f0;
	border-radius: 9px;
}

.mcq__error[hidden] {
	display: none;
}

.mcq__footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 12px 30px 22px;
}

.mcq__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 9px;
	min-width: 136px;
	height: 50px;
	margin: 0;
	padding: 0 22px;
	color: var(--mcq-navy) !important;
	font: inherit;
	font-size: 14px;
	font-weight: 720;
	line-height: 1;
	border-radius: 11px;
	cursor: pointer;
	appearance: none;
	-webkit-appearance: none;
	transition: transform 160ms ease, box-shadow 160ms ease, background-color 160ms ease;
}

.mcq__button--back {
	background: var(--mcq-paper) !important;
	border: 1px solid #d9dee7 !important;
	box-shadow: none;
}

.mcq__button--back[hidden] {
	display: none !important;
}

.mcq__button--next {
	margin-left: auto;
	background: var(--mcq-gold) !important;
	border: 1px solid var(--mcq-gold) !important;
	box-shadow: 0 10px 24px rgba(242, 169, 0, 0.24);
}

.mcq__button:hover:not(:disabled) {
	color: var(--mcq-navy) !important;
	transform: translateY(-1px);
}

.mcq__button--next:hover:not(:disabled) {
	background: #ffb616 !important;
	box-shadow: 0 12px 28px rgba(242, 169, 0, 0.31);
}

.mcq__button:disabled {
	cursor: not-allowed;
	opacity: 0.42;
	transform: none;
}

.mcq__honeypot {
	position: absolute !important;
	left: -10000px !important;
	width: 1px !important;
	height: 1px !important;
	overflow: hidden !important;
}

.mcq__noscript {
	max-width: 980px;
	margin: 12px auto 0;
	padding: 12px 16px;
	color: #8a2d23;
	background: #fff4f1;
	border-radius: 8px;
}

.mcq__card.is-complete {
	grid-template-rows: minmax(0, 1fr);
}

.mcq__card.is-complete .mcq__header,
.mcq__card.is-complete .mcq__progress-row,
.mcq__card.is-complete .mcq__footer,
.mcq__card.is-complete .mcq__error {
	display: none !important;
}

.mcq__card.is-complete .mcq__stage {
	display: flex;
	align-items: center;
	justify-content: center;
}

.mcq-thanks {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 100%;
	padding: 44px;
	color: #fff;
	text-align: center;
	background: radial-gradient(circle at 80% 20%, rgba(242, 169, 0, 0.17), transparent 34%), linear-gradient(145deg, #152b49 0%, #0d1d33 100%);
}

.mcq-thanks__mark {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 70px;
	height: 70px;
	margin-bottom: 22px;
	color: var(--mcq-navy);
	font-size: 30px;
	font-weight: 800;
	background: var(--mcq-gold);
	border-radius: 50%;
	box-shadow: 0 14px 34px rgba(242, 169, 0, 0.32);
}

.mcq-thanks h2 {
	margin: 0 0 10px;
	color: #fff;
	font-size: 36px;
	line-height: 1.1;
}

.mcq-thanks h2:focus {
	outline: none;
}

.mcq-thanks p {
	max-width: 570px;
	margin: 0;
	color: #b9c7d9;
	font-size: 15px;
	line-height: 1.6;
}

.mcq-thanks__route {
	margin: 24px 0 18px;
	color: var(--mcq-gold);
	font-size: 25px;
	font-weight: 750;
}

@media (max-width: 760px) {
	.mcq {
		--mcq-card-height: 640px;
		--mcq-card-radius: 18px;
		--mcq-header-height: 60px;
		--mcq-progress-height: 40px;
		--mcq-footer-height: 74px;
	}

	.mcq.mcq--hide-header {
		--mcq-header-height: 0px;
	}

	.mcq.mcq--hide-progress {
		--mcq-progress-height: 0px;
	}

	.mcq__card {
		grid-template-rows: var(--mcq-header-height) var(--mcq-progress-height) minmax(0, 1fr) auto var(--mcq-footer-height);
		height: var(--mcq-card-height);
		border-radius: var(--mcq-card-radius);
	}

	.mcq__header {
		gap: 11px;
		padding: 14px 18px 6px;
	}

	.mcq__step-badge {
		flex-basis: 36px;
		width: 36px;
		height: 36px;
		font-size: 15px;
	}

	.mcq__section {
		font-size: 15px;
	}

	.mcq__progress-row {
		gap: 12px;
		padding: 2px 18px 7px;
	}

	.mcq__progress-copy {
		font-size: 12.5px;
	}

	.mcq__progress {
		gap: 5px;
	}

	.mcq__progress-dot {
		flex-basis: 6px;
		width: 6px;
		height: 6px;
	}

	.mcq__progress-dot.is-current {
		flex-basis: 22px;
		width: 22px;
	}

	.mcq-question {
		justify-content: flex-start;
		padding: 16px 18px 8px;
	}

	.mcq-question__title {
		margin-bottom: 18px;
		font-size: 22px;
		line-height: 1.2;
	}

	.mcq-question--compact-list .mcq-question__title,
	.mcq-question--list .mcq-question__title {
		margin-bottom: 16px;
		font-size: 22px;
	}

	.mcq-question__subtitle {
		margin: -9px auto 17px;
		font-size: 13px;
	}

	.mcq-options--cards {
		grid-template-columns: 1fr;
		gap: 9px;
	}

	.mcq-options--cards .mcq-option {
		flex-direction: row;
		justify-content: flex-start;
		min-height: 70px;
		padding: 10px 13px;
		text-align: left;
	}

	.mcq-options--cards .mcq-option__icon {
		flex-basis: 40px;
		width: 40px;
		height: 40px;
		margin: 0 12px 0 0;
	}

	.mcq-options--cards .mcq-option__check {
		position: static;
		margin-left: auto;
	}

	.mcq-options--tiles {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 9px;
	}

	.mcq-options--tiles .mcq-option {
		min-height: 74px;
		padding: 10px 8px;
	}

	.mcq-options--list,
	.mcq-options--compact-list {
		gap: 8px;
	}

	.mcq-options--list .mcq-option,
	.mcq-options--compact-list .mcq-option {
		min-height: 50px;
		padding: 9px 11px;
	}

	.mcq-option__icon {
		flex-basis: 34px;
		width: 34px;
		height: 34px;
		margin-right: 10px;
		border-radius: 9px;
	}

	.mcq-option__icon svg {
		width: 18px;
		height: 18px;
	}

	.mcq-option__label,
	.mcq-options--cards .mcq-option__label,
	.mcq-options--tiles .mcq-option__label {
		font-size: 13.5px;
	}

	.mcq-option__description {
		font-size: 11.5px;
	}

	.mcq-options--chips {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 8px;
	}

	.mcq-options--chips .mcq-option {
		width: 100%;
		min-height: 42px;
		padding: 7px 10px;
		border-radius: 11px;
	}

	.mcq-options--chips .mcq-option__label {
		font-size: 12px;
		line-height: 1.18;
	}

	.mcq-options--chips .mcq-option__check {
		flex-basis: 16px;
		width: 16px;
		height: 16px;
		margin-left: 5px;
	}

	.mcq__custom-direction {
		height: 46px;
		margin-bottom: 12px !important;
		font-size: 13px !important;
	}

	.mcq-options--methods {
		grid-template-columns: 1fr 1fr;
		gap: 9px;
	}

	.mcq-options--methods .mcq-option {
		min-height: 60px;
	}

	.mcq-field input {
		height: 50px;
	}

	.mcq__footer {
		padding: 10px 18px 16px;
	}

	.mcq__button {
		min-width: 112px;
		height: 46px;
		padding: 0 16px;
		font-size: 13px;
	}

	.mcq-thanks {
		padding: 28px 22px;
	}

	.mcq-thanks h2 {
		font-size: 30px;
	}

	.mcq-thanks__route {
		font-size: 21px;
	}
}

@media (max-width: 390px) {
	.mcq {
		--mcq-card-height: 650px;
	}

	.mcq__progress-row {
		gap: 8px;
	}

	.mcq__progress {
		gap: 4px;
	}

	.mcq__progress-dot {
		flex-basis: 5px;
		width: 5px;
		height: 5px;
	}

	.mcq__progress-dot.is-current {
		flex-basis: 18px;
		width: 18px;
	}

	.mcq-options--tiles .mcq-option__label {
		font-size: 12.5px;
	}

	.mcq__button {
		min-width: 104px;
		padding: 0 13px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.mcq *,
	.mcq *::before,
	.mcq *::after {
		scroll-behavior: auto !important;
		transition-duration: 0.01ms !important;
	}
}

/* 1.1 compact, column-based option layouts. */
.mcq .mcq__stage {
	overflow: hidden;
	scrollbar-width: none;
}

.mcq .mcq__stage::-webkit-scrollbar {
	display: none;
}

.mcq .mcq-question {
	height: 100%;
	min-height: 0;
	justify-content: center;
	padding-block: 8px 10px;
}

.mcq .mcq-option,
.mcq .mcq-options--cards .mcq-option,
.mcq .mcq-options--tiles .mcq-option,
.mcq .mcq-options--compact-list .mcq-option,
.mcq .mcq-options--chips .mcq-option {
	flex-direction: row;
	display: flex !important;
	justify-content: flex-start;
	text-align: left;
}

.mcq .mcq-option__check {
	position: static;
	inset: auto;
	order: 0;
	flex: 0 0 22px;
	width: 22px;
	height: 22px;
	margin: 0 12px 0 0;
	opacity: 1;
}

.mcq .mcq-option__icon {
	order: 0;
	margin: 0 12px 0 0;
}

.mcq .mcq-option__content {
	order: 0;
	text-align: left;
}

.mcq .mcq-options--cards .mcq-option__content,
.mcq .mcq-options--tiles .mcq-option__content {
	flex: 1 1 auto;
}

.mcq .mcq-options--compact-list .mcq-option__icon {
	display: inline-flex;
}

.mcq .mcq-option[role="radio"] .mcq-option__check {
	color: transparent !important;
	font-size: 0 !important;
	line-height: 0;
	background: #fff;
	border-radius: 50%;
}

.mcq .mcq-option[role="radio"] .mcq-option__check::after {
	content: "";
	display: block;
	flex: 0 0 auto;
	width: 8px;
	height: 8px;
	background: var(--mcq-gold);
	border-radius: 50%;
	opacity: 0;
	transform: scale(0.45);
	transition: opacity 160ms ease, transform 160ms ease;
}

.mcq .mcq-option[role="radio"].is-selected .mcq-option__check {
	color: transparent !important;
	background: #fff;
	border-color: var(--mcq-gold);
}

.mcq .mcq-option[role="radio"].is-selected .mcq-option__check::after {
	opacity: 1;
	transform: scale(1);
}

.mcq .mcq-option[role="checkbox"] .mcq-option__check {
	border-radius: 5px;
}

.mcq .mcq-options--cards .mcq-option {
	min-height: 88px;
	padding: 12px 14px;
}

.mcq .mcq-options--tiles .mcq-option {
	min-height: 64px;
	padding: 10px 12px;
}

.mcq .mcq-options--list,
.mcq .mcq-options--compact-list {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	grid-auto-rows: 1fr;
	gap: 9px;
	max-width: 840px;
}

.mcq .mcq-options--list .mcq-option {
	min-height: 60px;
	padding: 8px 12px;
}

.mcq .mcq-options--compact-list .mcq-option {
	min-height: 50px;
	padding: 8px 12px;
}

.mcq .mcq-options--chips {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	grid-auto-rows: 1fr;
	align-items: stretch;
	gap: 8px;
	max-width: 840px;
}

.mcq .mcq-options--chips .mcq-option {
	width: 100%;
	height: 100%;
	min-height: 52px;
	padding: 8px 10px;
	border-radius: 11px;
}

.mcq .mcq-options--chips .mcq-option__check {
	flex: 0 0 18px;
	width: 18px;
	height: 18px;
	margin: 0 9px 0 0;
	font-size: 10px;
	opacity: 1;
}

.mcq .mcq-options--chips .mcq-option__label {
	white-space: normal;
	overflow-wrap: break-word;
	font-size: 13px;
	line-height: 1.2;
}

.mcq .mcq-question--chips .mcq-question__title {
	margin-bottom: 14px;
	font-size: clamp(22px, 2.5vw, 28px);
}

.mcq .mcq-question--chips .mcq__custom-direction {
	height: 46px;
	margin-bottom: 10px !important;
}

@media (max-width: 900px) {
	.mcq .mcq-options--chips {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 600px) {
	.mcq .mcq-question {
		padding: 7px 14px 6px;
	}

	.mcq .mcq-options--list {
		grid-template-columns: minmax(0, 1fr);
		gap: 7px;
	}

	.mcq .mcq-options--compact-list,
	.mcq .mcq-options--chips {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 7px;
	}

	.mcq .mcq-options--chips .mcq-option {
		min-height: 52px;
		padding: 7px 8px;
	}

	.mcq .mcq-options--chips .mcq-option__label {
		font-size: 12px;
	}

	.mcq .mcq-options--cards .mcq-option {
		min-height: 68px;
		padding: 9px 11px;
	}
}

/* Elementor often places the quiz in a narrow desktop column. */
@container (min-width: 461px) and (max-width: 760px) {
	.mcq .mcq-question {
		padding: 8px 18px 6px;
	}

	.mcq .mcq-question__title,
	.mcq .mcq-question--compact-list .mcq-question__title,
	.mcq .mcq-question--list .mcq-question__title {
		margin-bottom: 14px;
		font-size: 24px;
	}

	.mcq .mcq-question__subtitle {
		margin: -7px auto 14px;
	}

	.mcq .mcq-options--cards,
	.mcq .mcq-options--list {
		grid-template-columns: minmax(0, 1fr);
		gap: 8px;
	}

	.mcq .mcq-options--cards .mcq-option {
		min-height: 66px;
		padding: 8px 12px;
	}

	.mcq .mcq-options--cards .mcq-option__icon {
		flex-basis: 38px;
		width: 38px;
		height: 38px;
		margin: 0 11px 0 0;
	}

	.mcq .mcq-options--tiles,
	.mcq .mcq-options--compact-list,
	.mcq .mcq-options--methods {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.mcq .mcq-options--chips {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 7px;
	}

	.mcq .mcq-options--chips .mcq-option {
		min-height: 46px;
		padding: 6px 7px;
	}

	.mcq .mcq-options--chips .mcq-option__check {
		flex-basis: 16px;
		width: 16px;
		height: 16px;
		margin-right: 7px;
	}

	.mcq .mcq-options--chips .mcq-option__label {
		font-size: 11.5px;
	}

	.mcq .mcq-question--chips .mcq-question__title {
		margin-bottom: 9px;
		font-size: 23px;
	}

	.mcq .mcq-question--chips .mcq__custom-direction {
		height: 42px;
		margin-bottom: 8px !important;
		font-size: 12px !important;
	}
}

/* 1.2 per-step columns and Elementor style hooks.
 *
 * The container intentionally remains the Elementor widget wrapper declared
 * near the top of this file. Do not move container-type to .mcq/.mcq__card:
 * size containment on either quiz node can collapse the live widget width.
 *
 * Optional Elementor hooks:
 * --mcq-control-cols[-desktop|-tablet|-mobile]
 * --mcq-option-gap, --mcq-option-min-height, --mcq-option-radius
 * --mcq-option-padding-block, --mcq-option-padding-inline
 * --mcq-option-marker-size, --mcq-option-marker-gap
 * --mcq-option-icon-size, --mcq-option-icon-glyph-size
 * --mcq-option-icon-radius, --mcq-option-icon-gap
 * --mcq-option-icon-color, --mcq-option-icon-background
 * --mcq-option-{background|border|text}-{normal|hover|selected}
 * --mcq-option-icon-object-fit, --mcq-badge-icon-size
 */

.mcq .mcq-options--cards {
	--mcq-layout-gap: 14px;
	--mcq-layout-option-min-height: 88px;
	--mcq-layout-option-radius: 13px;
	--mcq-layout-option-padding-block: 12px;
	--mcq-layout-option-padding-inline: 14px;
	--mcq-layout-icon-size: 46px;
	--mcq-layout-icon-glyph-size: 21px;
	--mcq-layout-icon-radius: 50%;
	--mcq-layout-marker-size: 22px;
	--mcq-layout-marker-gap: 12px;
}

.mcq .mcq-options--tiles {
	--mcq-layout-gap: 12px;
	--mcq-layout-option-min-height: 64px;
	--mcq-layout-option-radius: 13px;
	--mcq-layout-option-padding-block: 10px;
	--mcq-layout-option-padding-inline: 12px;
	--mcq-layout-icon-size: 40px;
	--mcq-layout-icon-glyph-size: 21px;
	--mcq-layout-icon-radius: 11px;
	--mcq-layout-marker-size: 22px;
	--mcq-layout-marker-gap: 12px;
}

.mcq .mcq-options--list {
	--mcq-layout-gap: 9px;
	--mcq-layout-option-min-height: 60px;
	--mcq-layout-option-radius: 13px;
	--mcq-layout-option-padding-block: 8px;
	--mcq-layout-option-padding-inline: 12px;
	--mcq-layout-icon-size: 34px;
	--mcq-layout-icon-glyph-size: 18px;
	--mcq-layout-icon-radius: 9px;
	--mcq-layout-marker-size: 22px;
	--mcq-layout-marker-gap: 12px;
}

.mcq .mcq-options--compact-list {
	--mcq-layout-gap: 9px;
	--mcq-layout-option-min-height: 50px;
	--mcq-layout-option-radius: 13px;
	--mcq-layout-option-padding-block: 8px;
	--mcq-layout-option-padding-inline: 12px;
	--mcq-layout-icon-size: 34px;
	--mcq-layout-icon-glyph-size: 18px;
	--mcq-layout-icon-radius: 9px;
	--mcq-layout-marker-size: 22px;
	--mcq-layout-marker-gap: 12px;
}

.mcq .mcq-options--chips {
	--mcq-layout-gap: 8px;
	--mcq-layout-option-min-height: 52px;
	--mcq-layout-option-radius: 11px;
	--mcq-layout-option-padding-block: 8px;
	--mcq-layout-option-padding-inline: 10px;
	--mcq-layout-icon-size: 32px;
	--mcq-layout-icon-glyph-size: 17px;
	--mcq-layout-icon-radius: 9px;
	--mcq-layout-marker-size: 18px;
	--mcq-layout-marker-gap: 9px;
}

.mcq .mcq-options--methods {
	--mcq-layout-gap: 12px;
	--mcq-layout-option-min-height: 64px;
	--mcq-layout-option-radius: 13px;
	--mcq-layout-option-padding-block: 10px;
	--mcq-layout-option-padding-inline: 13px;
	--mcq-layout-icon-size: 40px;
	--mcq-layout-icon-glyph-size: 21px;
	--mcq-layout-icon-radius: 11px;
	--mcq-layout-marker-size: 22px;
	--mcq-layout-marker-gap: 12px;
}

/* Inline --mcq-cols-* values are emitted per step by the renderer. */
[data-most-china-quiz].mcq .mcq__card .mcq-options[class*="mcq-options--"] {
	--mcq-active-cols: var(
		--mcq-control-cols-desktop,
		var(--mcq-control-cols, var(--mcq-cols-desktop, 1))
	);
	display: grid;
	grid-template-columns: repeat(var(--mcq-active-cols), minmax(0, 1fr));
	grid-auto-flow: row;
	grid-auto-rows: 1fr;
	align-items: stretch;
	gap: var(--mcq-option-gap, var(--mcq-layout-gap, 9px));
	width: 100%;
	min-width: 0;
}

[data-most-china-quiz].mcq .mcq__card .mcq-options .mcq-option {
	display: flex !important;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	height: 100%;
	min-height: var(
		--mcq-option-min-height,
		var(--mcq-layout-option-min-height, 52px)
	);
	padding-block: var(
		--mcq-option-padding-block,
		var(--mcq-layout-option-padding-block, 8px)
	);
	padding-inline: var(
		--mcq-option-padding-inline,
		var(--mcq-layout-option-padding-inline, 12px)
	);
	border-radius: var(
		--mcq-option-radius,
		var(--mcq-layout-option-radius, 13px)
	);
	text-align: left;
}

[data-most-china-quiz].mcq .mcq__card .mcq-option__check {
	position: static;
	inset: auto;
	order: 0;
	flex: 0 0 var(
		--mcq-option-marker-size,
		var(--mcq-layout-marker-size, 22px)
	);
	width: var(
		--mcq-option-marker-size,
		var(--mcq-layout-marker-size, 22px)
	);
	height: var(
		--mcq-option-marker-size,
		var(--mcq-layout-marker-size, 22px)
	);
	margin: 0 var(
		--mcq-option-marker-gap,
		var(--mcq-layout-marker-gap, 12px)
	) 0 0;
}

[data-most-china-quiz].mcq .mcq__card .mcq-option__icon {
	order: 0;
	display: inline-flex;
	flex: 0 0 var(
		--mcq-option-icon-size,
		var(--mcq-layout-icon-size, 40px)
	);
	width: var(
		--mcq-option-icon-size,
		var(--mcq-layout-icon-size, 40px)
	);
	height: var(
		--mcq-option-icon-size,
		var(--mcq-layout-icon-size, 40px)
	);
	margin: 0 var(--mcq-option-icon-gap, 12px) 0 0;
	color: var(--mcq-option-icon-color, var(--mcq-navy-soft));
	background: var(--mcq-option-icon-background, var(--mcq-gold-wash));
	border-radius: var(
		--mcq-option-icon-radius,
		var(--mcq-layout-icon-radius, 11px)
	);
	overflow: hidden;
}

[data-most-china-quiz].mcq .mcq__card .mcq-option__icon svg {
	display: block;
	flex: 0 0 auto;
	width: var(
		--mcq-option-icon-glyph-size,
		var(--mcq-layout-icon-glyph-size, 21px)
	);
	height: var(
		--mcq-option-icon-glyph-size,
		var(--mcq-layout-icon-glyph-size, 21px)
	);
}

[data-most-china-quiz].mcq .mcq__card .mcq-option__icon img {
	display: block;
	width: 100%;
	height: 100%;
	max-width: 100%;
	max-height: 100%;
	object-fit: var(--mcq-option-icon-object-fit, contain);
	object-position: center;
}

[data-most-china-quiz].mcq .mcq__card .mcq-option__icon i {
	display: block;
	font-size: var(
		--mcq-option-icon-glyph-size,
		var(--mcq-layout-icon-glyph-size, 21px)
	);
	line-height: 1;
}

[data-most-china-quiz].mcq .mcq__step-badge.has-icon svg,
[data-most-china-quiz].mcq .mcq__step-badge.has-icon img,
[data-most-china-quiz].mcq .mcq__step-badge.has-icon i {
	display: block;
	width: var(--mcq-badge-icon-size, 22px);
	height: var(--mcq-badge-icon-size, 22px);
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	line-height: 1;
}

/* Standalone shortcode fallback when no Elementor container exists. */
@media (max-width: 760px) {
	[data-most-china-quiz].mcq .mcq__card .mcq-options[class*="mcq-options--"] {
		--mcq-active-cols: var(
			--mcq-control-cols-tablet,
			var(
				--mcq-control-cols,
				var(--mcq-cols-tablet, var(--mcq-cols-desktop, 1))
			)
		);
	}

	.mcq .mcq-options--cards {
		--mcq-layout-option-min-height: 66px;
		--mcq-layout-option-padding-block: 8px;
		--mcq-layout-option-padding-inline: 12px;
		--mcq-layout-icon-size: 38px;
		--mcq-layout-icon-glyph-size: 18px;
	}

	.mcq .mcq-options--chips {
		--mcq-layout-gap: 7px;
		--mcq-layout-option-min-height: 46px;
		--mcq-layout-option-padding-block: 6px;
		--mcq-layout-option-padding-inline: 7px;
		--mcq-layout-marker-size: 16px;
		--mcq-layout-marker-gap: 7px;
	}
}

@media (max-width: 460px) {
	[data-most-china-quiz].mcq .mcq__card .mcq-options[class*="mcq-options--"] {
		--mcq-active-cols: var(
			--mcq-control-cols-mobile,
			var(
				--mcq-control-cols,
				var(
					--mcq-cols-mobile,
					var(--mcq-cols-tablet, var(--mcq-cols-desktop, 1))
				)
			)
		);
	}

	.mcq .mcq-options[class*="mcq-options--"] {
		--mcq-layout-icon-size: 34px;
		--mcq-layout-icon-glyph-size: 18px;
	}

	.mcq .mcq-options--cards {
		--mcq-layout-option-min-height: 68px;
	}

	.mcq .mcq-options--list,
	.mcq .mcq-options--compact-list {
		--mcq-layout-option-min-height: 50px;
	}

	.mcq .mcq-options--chips {
		--mcq-layout-option-min-height: 52px;
	}
}

/* Container-responsive behavior for the real Elementor widget width. */
@container (max-width: 760px) {
	[data-most-china-quiz].mcq .mcq__card .mcq-options[class*="mcq-options--"] {
		--mcq-active-cols: var(
			--mcq-control-cols-tablet,
			var(
				--mcq-control-cols,
				var(--mcq-cols-tablet, var(--mcq-cols-desktop, 1))
			)
		);
	}

	.mcq .mcq-options--cards {
		--mcq-layout-option-min-height: 66px;
		--mcq-layout-option-padding-block: 8px;
		--mcq-layout-option-padding-inline: 12px;
		--mcq-layout-icon-size: 38px;
		--mcq-layout-icon-glyph-size: 18px;
	}

	.mcq .mcq-options--chips {
		--mcq-layout-gap: 7px;
		--mcq-layout-option-min-height: 46px;
		--mcq-layout-option-padding-block: 6px;
		--mcq-layout-option-padding-inline: 7px;
		--mcq-layout-marker-size: 16px;
		--mcq-layout-marker-gap: 7px;
	}
}

@container (max-width: 460px) {
	[data-most-china-quiz].mcq .mcq__card .mcq-options[class*="mcq-options--"] {
		--mcq-active-cols: var(
			--mcq-control-cols-mobile,
			var(
				--mcq-control-cols,
				var(
					--mcq-cols-mobile,
					var(--mcq-cols-tablet, var(--mcq-cols-desktop, 1))
				)
			)
		);
	}

	.mcq .mcq-options[class*="mcq-options--"] {
		--mcq-layout-icon-size: 34px;
		--mcq-layout-icon-glyph-size: 18px;
	}

	.mcq .mcq-options--cards {
		--mcq-layout-option-min-height: 68px;
	}

	.mcq .mcq-options--list,
	.mcq .mcq-options--compact-list {
		--mcq-layout-option-min-height: 50px;
	}

	.mcq .mcq-options--chips {
		--mcq-layout-option-min-height: 52px;
	}
}

/* 1.3 canonical Elementor style contract.
 *
 * Older layout blocks above still provide backward-compatible dimensions for
 * existing quizzes. This final layer is the single state contract consumed by
 * Elementor controls, so Normal / Hover / Selected no longer fight the legacy
 * cascade or lose the answer description colour.
 */
[data-most-china-quiz].mcq .mcq__card .mcq-option__check,
[data-most-china-quiz].mcq .mcq__card .mcq-option__icon,
[data-most-china-quiz].mcq .mcq__card .mcq-option__content {
	/* The renderer emits marker, icon, content in this exact order. */
	order: 0;
}

[data-most-china-quiz].mcq .mcq__card .mcq-options .mcq-option {
	color: var(--mcq-option-text-normal, var(--mcq-navy)) !important;
	background: var(--mcq-option-background-normal, var(--mcq-paper)) !important;
	border-color: var(--mcq-option-border-normal, var(--mcq-line)) !important;
	border-width: var(--mcq-option-border-width, 1px) !important;
	border-radius: var(
		--mcq-option-radius,
		var(--mcq-layout-option-radius, 13px)
	);
}

[data-most-china-quiz].mcq .mcq__card .mcq-options .mcq-option:hover,
[data-most-china-quiz].mcq .mcq__card .mcq-options .mcq-option.is-style-preview-hover {
	color: var(
		--mcq-option-text-hover,
		var(--mcq-option-text-normal, var(--mcq-navy))
	) !important;
	background: var(
		--mcq-option-background-hover,
		var(--mcq-option-background-normal, var(--mcq-paper))
	) !important;
	border-color: var(
		--mcq-option-border-hover,
		var(--mcq-option-border-normal, var(--mcq-gold))
	) !important;
}

[data-most-china-quiz].mcq .mcq__card .mcq-options .mcq-option.is-selected,
[data-most-china-quiz].mcq .mcq__card .mcq-options .mcq-option.is-selected:hover,
[data-most-china-quiz].mcq .mcq__card .mcq-options .mcq-option.is-style-preview-selected {
	color: var(
		--mcq-option-text-selected,
		var(--mcq-option-text-normal, var(--mcq-navy))
	) !important;
	background: var(
		--mcq-option-background-selected,
		var(--mcq-option-background-normal, var(--mcq-gold-wash))
	) !important;
	border-color: var(
		--mcq-option-border-selected,
		var(--mcq-option-border-normal, var(--mcq-gold))
	) !important;
}

[data-most-china-quiz].mcq .mcq__card .mcq-option__label {
	color: var(--mcq-option-text-normal, var(--mcq-navy)) !important;
}

[data-most-china-quiz].mcq .mcq__card .mcq-option:hover .mcq-option__label,
[data-most-china-quiz].mcq .mcq__card .mcq-option.is-style-preview-hover .mcq-option__label {
	color: var(
		--mcq-option-text-hover,
		var(--mcq-option-text-normal, var(--mcq-navy))
	) !important;
}

[data-most-china-quiz].mcq .mcq__card .mcq-option.is-selected .mcq-option__label,
[data-most-china-quiz].mcq .mcq__card .mcq-option.is-selected:hover .mcq-option__label,
[data-most-china-quiz].mcq .mcq__card .mcq-option.is-style-preview-selected .mcq-option__label {
	color: var(
		--mcq-option-text-selected,
		var(--mcq-option-text-normal, var(--mcq-navy))
	) !important;
}

[data-most-china-quiz].mcq .mcq__card .mcq-option__description {
	color: var(--mcq-option-description-normal, var(--mcq-muted)) !important;
}

[data-most-china-quiz].mcq .mcq__card .mcq-option:hover .mcq-option__description,
[data-most-china-quiz].mcq .mcq__card .mcq-option.is-style-preview-hover .mcq-option__description {
	color: var(
		--mcq-option-description-hover,
		var(--mcq-option-description-normal, var(--mcq-muted))
	) !important;
}

[data-most-china-quiz].mcq .mcq__card .mcq-option.is-selected .mcq-option__description,
[data-most-china-quiz].mcq .mcq__card .mcq-option.is-selected:hover .mcq-option__description,
[data-most-china-quiz].mcq .mcq__card .mcq-option.is-style-preview-selected .mcq-option__description {
	color: var(
		--mcq-option-description-selected,
		var(--mcq-option-description-normal, var(--mcq-muted))
	) !important;
}

[data-most-china-quiz].mcq .mcq__card .mcq-option__icon {
	order: 0;
	margin: 0 var(--mcq-option-icon-gap, 12px) 0 0;
	color: var(
		--mcq-option-icon-color-normal,
		var(--mcq-option-icon-color, var(--mcq-navy-soft))
	);
	background: var(
		--mcq-option-icon-background-normal,
		var(--mcq-option-icon-background, var(--mcq-gold-wash))
	);
	border: var(--mcq-option-icon-border-width, 0px) solid
		var(--mcq-option-icon-border-normal, transparent);
}

[data-most-china-quiz].mcq .mcq__card .mcq-option:hover .mcq-option__icon,
[data-most-china-quiz].mcq .mcq__card .mcq-option.is-style-preview-hover .mcq-option__icon {
	color: var(
		--mcq-option-icon-color-hover,
		var(--mcq-option-icon-color-normal, var(--mcq-option-icon-color, var(--mcq-navy-soft)))
	);
	background: var(
		--mcq-option-icon-background-hover,
		var(--mcq-option-icon-background-normal, var(--mcq-option-icon-background, var(--mcq-gold-wash)))
	);
	border-color: var(
		--mcq-option-icon-border-hover,
		var(--mcq-option-icon-border-normal, transparent)
	);
}

[data-most-china-quiz].mcq .mcq__card .mcq-option.is-selected .mcq-option__icon,
[data-most-china-quiz].mcq .mcq__card .mcq-option.is-style-preview-selected .mcq-option__icon {
	color: var(
		--mcq-option-icon-color-selected,
		var(--mcq-option-icon-color-normal, var(--mcq-option-icon-color, var(--mcq-navy-soft)))
	);
	background: var(
		--mcq-option-icon-background-selected,
		var(--mcq-option-icon-background-normal, var(--mcq-option-icon-background, var(--mcq-gold-wash)))
	);
	border-color: var(
		--mcq-option-icon-border-selected,
		var(--mcq-option-icon-border-normal, transparent)
	);
}

/* Uploaded SVGs remain external resources: the mask makes them follow the
 * icon's currentColor without ever injecting untrusted SVG markup. The
 * original image is kept as a selectable fallback for multicolour artwork. */
[data-most-china-quiz].mcq .mcq__card .mcq-media-svg-mask {
	display: block;
	flex: 0 0 auto;
	width: var(
		--mcq-option-icon-glyph-size,
		var(--mcq-layout-icon-glyph-size, 21px)
	);
	height: var(
		--mcq-option-icon-glyph-size,
		var(--mcq-layout-icon-glyph-size, 21px)
	);
	background-color: currentColor;
	-webkit-mask-image: var(--mcq-media-svg-url);
	mask-image: var(--mcq-media-svg-url);
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	mask-size: contain;
}

[data-most-china-quiz].mcq .mcq__card .mcq-option__icon > .mcq-media-svg-original {
	flex: 0 0 auto;
	width: var(
		--mcq-option-icon-glyph-size,
		var(--mcq-layout-icon-glyph-size, 21px)
	);
	height: var(
		--mcq-option-icon-glyph-size,
		var(--mcq-layout-icon-glyph-size, 21px)
	);
	max-width: 100%;
	max-height: 100%;
	object-fit: var(--mcq-option-icon-object-fit, contain);
	object-position: center;
}

[data-most-china-quiz].mcq .mcq__card .mcq__step-badge .mcq-media-svg-mask,
[data-most-china-quiz].mcq .mcq__card .mcq__step-badge .mcq-media-svg-original {
	width: var(--mcq-badge-icon-size, 22px);
	height: var(--mcq-badge-icon-size, 22px);
	max-width: 100%;
	max-height: 100%;
}

[data-most-china-quiz].mcq .mcq__card .mcq__step-badge .mcq-media-svg-original {
	object-fit: contain;
}

.mcq-media-svg-original {
	display: none !important;
}

.mcq-svg-render-original .mcq-media-svg-mask {
	display: none !important;
}

.mcq-svg-render-original .mcq-media-svg-original {
	display: block !important;
}

[data-most-china-quiz].mcq .mcq__card .mcq-option__check {
	position: static;
	inset: auto;
	order: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 var(
		--mcq-option-marker-size,
		var(--mcq-layout-marker-size, 22px)
	);
	width: var(
		--mcq-option-marker-size,
		var(--mcq-layout-marker-size, 22px)
	);
	height: var(
		--mcq-option-marker-size,
		var(--mcq-layout-marker-size, 22px)
	);
	margin: 0 var(
		--mcq-option-marker-gap,
		var(--mcq-layout-marker-gap, 12px)
	) 0 0;
	padding: 0 !important;
	color: transparent;
	line-height: 1;
	background: var(--mcq-option-marker-background-normal, #fff) !important;
	border-color: var(--mcq-option-marker-border-normal, #cbd3df) !important;
	border-width: var(--mcq-option-marker-border-width, 1.5px);
}

[data-most-china-quiz].mcq .mcq__card .mcq-option:hover .mcq-option__check,
[data-most-china-quiz].mcq .mcq__card .mcq-option.is-style-preview-hover .mcq-option__check {
	background: var(
		--mcq-option-marker-background-hover,
		var(--mcq-option-marker-background-normal, #fff)
	) !important;
	border-color: var(
		--mcq-option-marker-border-hover,
		var(--mcq-option-marker-border-normal, #cbd3df)
	) !important;
}

[data-most-china-quiz].mcq .mcq__card .mcq-option[role="radio"] .mcq-option__check::after {
	width: calc(var(--mcq-option-marker-size, var(--mcq-layout-marker-size, 22px)) * 0.36);
	height: calc(var(--mcq-option-marker-size, var(--mcq-layout-marker-size, 22px)) * 0.36);
	margin: 0;
	background: var(
		--mcq-option-marker-dot-selected,
		var(--mcq-option-marker-accent-selected, var(--mcq-gold))
	) !important;
	transform-origin: center;
}

[data-most-china-quiz].mcq .mcq__card .mcq-option[role="radio"].is-selected .mcq-option__check,
[data-most-china-quiz].mcq .mcq__card .mcq-option[role="radio"].is-style-preview-selected .mcq-option__check {
	background: var(
		--mcq-option-marker-radio-background-selected,
		var(--mcq-option-marker-background-normal, #fff)
	) !important;
	border-color: var(
		--mcq-option-marker-border-selected,
		var(--mcq-option-marker-accent-selected, var(--mcq-gold))
	) !important;
}

[data-most-china-quiz].mcq .mcq__card .mcq-option[role="radio"].is-selected .mcq-option__check::after,
[data-most-china-quiz].mcq .mcq__card .mcq-option[role="radio"].is-style-preview-selected .mcq-option__check::after {
	opacity: 1 !important;
	transform: scale(1) !important;
}

[data-most-china-quiz].mcq .mcq__card .mcq-option[role="checkbox"].is-selected .mcq-option__check,
[data-most-china-quiz].mcq .mcq__card .mcq-option[role="checkbox"].is-style-preview-selected .mcq-option__check {
	color: var(
		--mcq-option-marker-check-selected,
		var(--mcq-option-marker-check-color, var(--mcq-navy))
	) !important;
	background: var(
		--mcq-option-marker-background-selected,
		var(--mcq-option-marker-accent-selected, var(--mcq-gold))
	) !important;
	border-color: var(
		--mcq-option-marker-border-selected,
		var(--mcq-option-marker-accent-selected, var(--mcq-gold))
	) !important;
}

[data-most-china-quiz].mcq .mcq__card .mcq-option:focus-visible {
	outline-color: var(--mcq-option-focus-ring, rgba(242, 169, 0, 0.24)) !important;
}