/* ms-lms front-end: quiz banners + course completion. */

.ms-quiz-banner {
	display: inline-flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 6px;
	padding: 12px 18px;
	border-radius: 8px;
	font-size: 15px;
	margin-bottom: 18px;
}
.ms-quiz-banner--ok {
	background: rgba(26, 127, 55, .1);
	color: #11541f;
	border: 1px solid rgba(26, 127, 55, .35);
}
.ms-quiz-banner--no {
	background: rgba(170, 0, 0, .07);
	color: #8a1f1f;
	border: 1px solid rgba(170, 0, 0, .3);
}

/* Course completion / certificate strip on the course page. */
.ms-course-complete {
	display: flex;
	align-items: center;
	gap: 18px;
	flex-wrap: wrap;
	padding: 22px 26px;
	border-radius: 10px;
	background: linear-gradient(135deg, rgba(85,41,107,.06), rgba(207,167,135,.12));
	border: 1px solid rgba(207,167,135,.4);
	margin: 24px 0;
}
.ms-course-complete__icon { font-size: 30px; line-height: 1; }
.ms-course-complete__body { flex: 1; min-width: 220px; }
.ms-course-complete__body h3 { margin: 0 0 4px; font-size: 18px; }
.ms-course-complete__body p { margin: 0; color: var(--ms-ink-soft); font-size: 14px; }
.lesson-main{min-width:0}
.lesson-body img.ms-lesson-image{display:block;width:100%!important;max-width:100%;height:auto!important;float:none;margin:20px auto}
.lesson-body iframe{max-width:100%}