.materi-progres {
	margin: 1em 0;
}

.materi-progres__teks {
	margin: 0 0 0.35em;
	font-weight: 600;
}

.materi-progres__bar {
	height: 10px;
	overflow: hidden;
	border-radius: 999px;
	background: rgba(127, 127, 127, 0.25);
}

.materi-progres__bar span {
	display: block;
	width: 0;
	height: 100%;
	border-radius: 999px;
	background: #1a7f37;
	transition: width 0.3s ease;
}

.materi-progres.is-selesai .materi-progres__teks {
	color: #1a7f37;
}

@media (prefers-reduced-motion: reduce) {
	.materi-progres__bar span {
		transition: none;
	}
}

/* Halaman Judul: link, keterangan x/y, dan garis pembatas antar paragraf */
.materi-paragraf__tautan {
	margin: 0.75em 0 0;
}

.materi-paragraf__skor {
	font-weight: 600;
}

.materi-paragraf__skor.is-lengkap {
	color: #1a7f37;
}

.materi-paragraf__garis {
	margin: 2em 0;
}