.tc-wrapper { text-align: center; padding: 20px 0; }
.test-question { scroll-margin-top: 40px; display: inline-block; text-align: left; max-width: 100%; }
.q-text { font-size: 18px; margin-bottom: 15px; line-height: 1.5; }
.input-wrapper { font-size: 18px; line-height: 2; text-align: center; }
.test-input { display: inline-block; vertical-align: middle; background-color: #F3F9FC; border: 1px solid #ccc; text-align: center; font-size: 18px; padding: 5px 10px; border-radius: 4px; margin: 0 5px; min-width: 60px; }
.test-input:focus { outline: 2px solid #007bff; border-color: transparent; }
.q-num { color: #666; font-size: 14px; margin-bottom: 10px; text-align: center; }

.quiz-result { text-align: center; padding: 20px; display: inline-block; }
.correct-score, .grade-score { font-size: 24px; font-weight: normal; }
.correct-score { color: red; }
.grade-score { color: #0000CC; }
.quiz-result h4 { margin-bottom: 25px !important; line-height: 1.5; }

.error-toggle { 
    color: #0000CC; cursor: pointer; 
    font-weight: bold; margin: 20px 0; display: block; text-align: center;
}
.error-toggle a {
    color: #0000CC; text-decoration: underline; font-weight: bold;
}
.errors-container { 
    display: none; text-align: left; max-width: 600px; margin: 0 auto; 
    border-top: 1px solid #ddd; padding-top: 15px;
}
.error-item { 
    margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px dashed #eee; 
    font-size: 18px; line-height: 1.6; font-weight: normal;
}
.ans-btn { font-size: 16px; padding: 8px 16px; cursor: pointer; margin-top: 10px; }
.ans-btn:disabled { opacity: 0.6; cursor: default; }