.materi-kuis {
	margin: 1.5em 0;
	padding: 1em 1.25em;
	border: 1px solid currentColor;
	border-radius: 6px;
}

.materi-kuis__judul {
	margin-top: 0;
}

.materi-kuis__daftar {
	margin: 0;
	padding-left: 1.4em;
}

.materi-kuis__soal {
	margin-bottom: 1.25em;
}

.materi-kuis__soal fieldset {
	margin: 0;
	padding: 0;
	border: 0;
	min-width: 0;
}

.materi-kuis__soal legend {
	padding: 0;
	font-weight: 600;
}

.materi-kuis__pilihan {
	display: block;
	margin: 0.35em 0;
	padding: 0.35em 0.6em;
	border: 1px solid transparent;
	border-radius: 4px;
	cursor: pointer;
}

.materi-kuis__soal.is-kosong legend {
	text-decoration: underline wavy;
}

.materi-kuis__soal.is-benar .materi-kuis__pilihan.is-kunci {
	border-color: #1a7f37;
	background: rgba(26, 127, 55, 0.12);
}

.materi-kuis__soal.is-salah .materi-kuis__pilihan.is-kunci {
	border-color: #1a7f37;
	background: rgba(26, 127, 55, 0.12);
}

.materi-kuis__soal.is-salah .materi-kuis__pilihan:has(input:checked):not(.is-kunci) {
	border-color: #b32d2e;
	background: rgba(179, 45, 46, 0.12);
}

.materi-kuis__umpan {
	margin-top: 0.5em;
	padding: 0.5em 0.75em;
	border-left: 4px solid currentColor;
	background: rgba(127, 127, 127, 0.1);
}

.materi-kuis__skor {
	margin-top: 0.75em;
	font-weight: 600;
}

.materi-kuis__skor.is-lulus {
	color: #1a7f37;
}

.materi-kuis__skor.is-gagal {
	color: #b32d2e;
}

.materi-paragraf {
	margin-bottom: 2em;
}