.exam-public { padding: 28px 32px; }
.exam-public .exam-type { color: #777; font-size: 13px; margin: 0 0 8px; }
.exam-public .content_h1 { line-height: 1.4; margin: 0; }
.exam-public .exam-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: 20px 0; }
.exam-public .exam-toolbar h2 { margin: 0; font-size: 22px; }
.exam-public .exam-clock { margin: 0; white-space: nowrap; font-size: 16px; }
.exam-public .exam-clock strong { color: #287346; font-variant-numeric: tabular-nums; }
.exam-public #test { margin: 0; }
.exam-public .exam-answers { border: 0; padding: 0; margin: 0; min-width: 0; width: 100%; }
.exam-public .question_background { box-sizing: border-box; width: 100%; padding: 24px; margin-bottom: 12px; }
.exam-public .question_text { font-size: 18px; line-height: 1.6; }
.exam-public .exam-answer { display: flex; align-items: center; gap: 16px; border-bottom: 1px solid #ddd; padding: 16px; cursor: pointer; line-height: 1.6; font-style: normal; }
.exam-public .exam-answer:hover { background: #f3f7f3; }
.exam-public .exam-answer input { flex-shrink: 0; }
.exam-public .exam-answer-letter { flex: 0 0 36px; text-align: center; border: 1px solid #ccc; border-radius: 3px; padding: 4px 0; font-size: 18px; }
.exam-public .exam-answer input:checked + .exam-answer-letter { color: #fff; background: #287346; border-color: #287346; }
.exam-public .exam-answer input:checked ~ .exam-answer-text { color: #287346; font-weight: bold; }
.exam-public .exam-actions { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 12px; margin: 24px 0; }
.exam-public .exam-navigation { display: flex; flex-wrap: wrap; gap: 8px; border-top: 1px solid #ddd; padding-top: 20px; }
.exam-public .exam-navigation a { box-sizing: border-box; min-width: 38px; padding: 8px; text-align: center; border: 1px solid #ccc; border-radius: 3px; text-decoration: none; }
.exam-public .exam-navigation .answered { background: #e5f0e7; color: #287346; }
.exam-public .exam-navigation .current { border: 2px solid #287346; font-weight: bold; }
.exam-public img { max-width: 100%; height: auto; }
.exam-public details { margin: 24px 0; }
.exam-public summary { cursor: pointer; font-weight: bold; }
@media (max-width: 767px) {
    .exam-public { padding: 20px 14px; }
    .exam-public .exam-toolbar { align-items: flex-start; flex-direction: column; }
    .exam-public .question_background { padding: 16px; }
    .exam-public .exam-answer { gap: 10px; padding: 14px 4px; }
    .exam-public .exam-actions .button { box-sizing: border-box; width: 100%; text-align: center; white-space: normal; }
}