:root {
	  --conf-green: #04AA6D;
	  --conf-blue:  #0092dd;
	  --conf-red:   #f74545;
	  --conf-orange:#ff7a1a;
	  --conf-grey:#edebeb;
	  --conf-radius: 5px;
	  --conf-shadow: 0 4px 10px rgba(0,0,0,0.12);
	  --conf-font: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	}

	/* Container general pentru quiz */
	.quiz-box {
	  max-width: 960px;
	  margin: 0 auto;
	}

	/* 1. Bara de status (Întrebarea / Scor) */
	.quiz-status {
	  background: var(--conf-green);
	  color: #fff;
	  padding: 10px 16px;
	  border-radius: var(--conf-radius);
	  font-size: 14px;
	  line-height: 1.3;
	  margin-bottom: 24px;
	}

	.quiz-status strong {
	  font-weight: 700;
	}

	/* 3. Box-uri feedback (corect / greșit / final) */

	.quiz-feedback,
	.quiz-final {
	  display: flex;
	  align-items: flex-start;
	  padding: 14px 18px;
	  margin: 12px 0 20px;
	  border-radius: var(--conf-radius);
	  color: #fff;
	}

	/* culori */
	.quiz-feedback--correct {
	  background: var(--conf-green);
	}

	.quiz-feedback--wrong {
	  background: var(--conf-red);
	}

	.quiz-final {
	  background: var(--conf-blue);
	}
	.quiz-teach {
		background: var(--conf-grey);
		padding: 14px 18px;
		margin: 12px 0 20px;
		border-radius: var(--conf-radius);
	}
	
	.quiz-mistake-item {
		margin-bottom: 7px;
	}

	
	.quiz-feedback__icon,
	.quiz-final__icon {
	  flex: 0 0 60px;
	  display: flex;
	  align-items: flex-start;
	  justify-content: center;
	  margin-right: 12px;
	}

	.quiz-feedback__icon img{
		  height: 40px;
	}
	.quiz-final__icon img {
	  height: 70px;
	  max-height: 70px;
	  transform-origin: 50% 80%;
	}

	.quiz-feedback__body,
	.quiz-final__body {
	  flex: 1 1 auto;
	  font-size: 14px;
	  line-height: 1.3;
	}

	.quiz-feedback__body p,
	.quiz-final__body p {
	  margin: 0 0 4px;
	}

	.quiz-feedback__body strong,
	.quiz-final__body strong {
	  font-weight: 700;
	}

	/* titlul final */
	.quiz-final-title {
	  margin: 24px 0 12px;
	  font-size: 28px;
	  font-weight: 800;
	  color: #1f4fbf;
	}