.quiz-wrapper {
     max-width: 800px;
     margin: 20px auto;
}
 #quiz-content {
     display: none;
}
 .quiz-display {
     display: block;
}
 .quiz-item {
     background: white;
     border-radius: 8px;
     box-shadow: 0 2px 4px rgba(0,0,0,0.08);
     margin-bottom: 20px;
     overflow: hidden;
/*      border: 2px solid transparent; */
     transition: border-color 0.3s;
}
 .quiz-item.answered-correct {
     border-color: #4a7c59;
}
 .quiz-item.answered-wrong {
     border-color: #a85858;
}
 .quiz-question {
     background: #ddddddad;
     padding: 18px 20px;
     font-size: 17px;
     font-weight: 500;
     color: #2c2c2c;
     border-bottom: 1px solid #e8e8e0;
}
 .quiz-options {
     padding: 0;
     margin: 0;
     list-style: none;
}
 .quiz-option {
     padding: 14px 20px;
     border-bottom: 1px solid #f0f0eb;
     cursor: pointer;
     transition: background 0.2s;
     display: flex;
     align-items: flex-start;
}
 .quiz-option:last-child {
     border-bottom: none;
}
 .quiz-option:hover:not(.disabled) {
     background: #fafaf7;
}
 .quiz-option.disabled {
     cursor: default;
}
 .quiz-option.selected-correct {
     background: #e8f4ed;
}
 .quiz-option.selected-wrong {
     background: #f4e8e8;
}
 .quiz-option.show-correct {
     background: #f0f7f3;
}
 .option-label {
     font-weight: 600;
     margin-right: 10px;
     min-width: 25px;
     color: #666;
}
 .option-text {
     flex: 1;
	 font-size: 16px;
}
 .option-icon {
     margin-left: 10px;
     font-size: 18px;
     font-weight: bold;
}
 .quiz-explanation {
     padding: 20px;
     background: #fafaf7;
     border-top: 1px solid #e8e8e0;
     display: none;
     font-size: 14px;
	 font-weight: 300;
}
 .quiz-explanation.show {
     display: block;
}
 .quiz-explanation p {
     margin-bottom: 10px;
     line-height: 1.6;
     color: #222;
}
 .quiz-explanation strong {
     color: #333;
}
 .quiz-explanation h4 {
     color: #333;
     font-size: 15px;
     font-weight: 600;
     margin-bottom: 12px;
}
 .quiz-explanation .correct-label {
     color: #4a7c59;
}
 .quiz-explanation .wrong-label {
     color: #a85858;
}