/* Lesson quiz (English Finders Study 1.21.0). Matches the lesson boxes' palette. */
.efs-lq {
	margin: 1.4rem 0;
	padding: 1.1rem 1.2rem;
	border: 1px solid #d8e5f2;
	border-radius: 12px;
	background: #f5f9fe;
	color: #0E2A4A;
}

.efs-lq-intro {
	margin: 0 0 .8rem;
	color: #526174;
	font-size: .92rem;
}

.efs-lq-intro a {
	color: #075AAE;
	font-weight: 600;
}

.efs-lq-list {
	margin: 0;
	padding: 0;
	list-style: none;
	counter-reset: efs-lq;
}

.efs-lq-q {
	margin: 0 0 1rem;
	padding: .9rem 1rem;
	border: 1px solid #e3ecf6;
	border-radius: 10px;
	background: #fff;
	counter-increment: efs-lq;
}

.efs-lq-prompt {
	margin: 0 0 .6rem;
	font-weight: 600;
}

/* The number matches the question text (owner request, 1.21.1). */
.efs-lq-prompt::before {
	content: counter(efs-lq) ". ";
	color: inherit;
}

.efs-lq-opts {
	display: grid;
	gap: .45rem;
}

.efs-lq-opt {
	display: block;
	width: 100%;
	margin: 0;
	padding: .55rem .8rem;
	border: 1px solid #c9d8ea;
	border-radius: 8px;
	background: #fff;
	color: #0E2A4A;
	font: inherit;
	font-size: .95rem;
	line-height: 1.4;
	text-align: left;
	text-transform: none;
	letter-spacing: normal;
	cursor: pointer;
	box-shadow: none;
	transition: border-color .15s ease, background-color .15s ease;
}

.efs-lq-opt:hover:not(:disabled),
.efs-lq-opt:focus-visible {
	border-color: #075AAE;
	background: #f5f9fe;
	color: #0E2A4A;
	outline: none;
}

.efs-lq-opt:disabled {
	cursor: default;
	opacity: 1;
}

.efs-lq-opt.is-right {
	border-color: #2e9e5b;
	background: #eaf7ee;
	color: #14532d;
	font-weight: 600;
}

.efs-lq-opt.is-wrong {
	border-color: #d64560;
	background: #fdecef;
	color: #7f1d2d;
}

.efs-lq-opt.is-answer {
	border-color: #2e9e5b;
	border-style: dashed;
	background: #f3fbf5;
	color: #14532d;
}

.efs-lq-fb {
	margin: .6rem 0 0;
	padding: .55rem .75rem;
	border-radius: 8px;
	font-size: .92rem;
	line-height: 1.5;
}

.efs-lq-fb.is-right {
	background: #eaf7ee;
	color: #14532d;
}

.efs-lq-fb.is-wrong {
	background: #fdecef;
	color: #7f1d2d;
}

.efs-lq-xp {
	display: inline-block;
	margin-left: .5rem;
	padding: .05rem .5rem;
	border-radius: 999px;
	background: #15803d;
	color: #fff;
	font-size: .78rem;
	font-weight: 700;
}

.efs-lq-why {
	margin-top: .25rem;
	color: #334155;
}

.efs-lq-score {
	display: flex;
	flex-wrap: wrap;
	gap: .6rem;
	align-items: center;
	justify-content: space-between;
	margin-top: .4rem;
	padding: .75rem 1rem;
	border-radius: 10px;
	background: #0E2A4A;
	color: #fff;
	font-weight: 700;
}

.efs-lq-score[hidden],
.efs-lq-fb[hidden] {
	display: none;
}

.efs-lq-retry {
	padding: .35rem .9rem;
	border: 0;
	border-radius: 999px;
	background: #fff;
	color: #0E2A4A;
	font: inherit;
	font-size: .88rem;
	font-weight: 600;
	text-transform: none;
	cursor: pointer;
}

.efs-lq-noscript {
	color: #7f1d2d;
	font-size: .9rem;
}

@media (prefers-reduced-motion: reduce) {
	.efs-lq-opt {
		transition: none;
	}
}
