/* ===== Final Adjustments ===== */
.cg-quiz-wrapper {
  max-width: 780px !important;
  margin: 20px auto !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans Devanagari", sans-serif !important;
  color: #1a202c !important;
  line-height: 1.4 !important;
}
/* ===== Score Board - Height 50% kam ===== */
.cg-quiz-wrapper .cg-score-board {
  position: sticky !important;
  top: 110px !important;
  z-index: 999 !important;
  background: #ffffff !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 10px !important;
  padding: 2px 10px !important;
  margin-bottom: 1px !important;
  box-shadow: 0 3px 8px rgba(0,0,0,0.07) !important;
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 4px !important;
  text-align: center !important;
}
.cg-quiz-wrapper .cg-score-item {
  display: flex !important;
  flex-direction: column !important;
  gap: 0px !important;
}
.cg-quiz-wrapper .cg-score-label {
  font-size: 20px !important;
  color: #64748b !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
}
.cg-quiz-wrapper .cg-score-val {
  font-size: 18px !important;
  color: #0f172a !important;
  font-weight: 700 !important;
  line-height:1.2 !important;
}
.cg-quiz-wrapper .cg-score-correct { color: #16a34a !important; }
.cg-quiz-wrapper .cg-score-wrong { color: #dc2626 !important; }
/* ===== Question Card ===== */
.cg-quiz-wrapper .cg-qcard {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 8px !important;
  padding: 12px 14px !important;
  margin-bottom: 12px !important;
  box-shadow: 0 1px 4px rgba(0,0,0,0.04) !important;
}
/* ===== Number + Question ===== */
.cg-quiz-wrapper .cg-qtitle {
  font-size: 18px !important;
  font-weight: 500 !important;
  color: #1a202c !important;
  margin: 0 0 8px 0 !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  gap: 8px !important;
  line-height: 1.4 !important;
}
.cg-quiz-wrapper .cg-qnum {
  background: #0f172a !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  padding: 2px 7px !important;
  border-radius: 4px !important;
  flex-shrink: 0 !important;
  line-height: 1.4 !important;
  margin: 5 !important;
  position: relative !important;
  top: 1px !important;
  display: inline-block !important;
}
/* ===== Options ===== */
.cg-quiz-wrapper .cg-options {
  display: flex !important;
  flex-direction: column !important;
  gap: 0px !important;
}
.cg-quiz-wrapper .cg-opt {
  display: block !important;
  width: 100% !important;
  text-align: left !important;
  background: #f8fafc !important;
  border: 2.8px solid #e2e8f0 !important;
  border-radius: 6px !important;
  padding: 2px 11px !important;
  font-size: 17px !important;
  color: #334155 !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
  transition: all 0.15s ease !important;
  line-height: 2.0 !important;
  margin: 0 0 0px 0 !important;
}
.cg-quiz-wrapper .cg-opt.correct {
  background-color: #28a745 !important;
  border-color: #28a745 !important;
  color: #ffffff !important;
}
.cg-quiz-wrapper .cg-opt.wrong {
  background-color: #dc3545 !important;
  border-color: #dc3545 !important;
  color: #ffffff !important;
}
.cg-quiz-wrapper .cg-opt.disabled {
  pointer-events: none !important;
  opacity: 0.92 !important;
}
/* Mobile */
@media (max-width: 500px) {
  .cg-quiz-wrapper .cg-score-board {
    padding: 3px 8px !important;
  }
  .cg-quiz-wrapper .cg-score-label {
    font-size: 16px !important;
    font-weight: 700 !important;
  }
  .cg-quiz-wrapper .cg-score-val {
    font-size: 18px !important;
  }
  .cg-quiz-wrapper .cg-qtitle {
    font-size: 16px !important;
  }
  .cg-quiz-wrapper .cg-opt {
    font-size: 15px !important;
    padding: 5px 10px !important;
  }
}
.cg-quiz-wrapper .cg-score-board {
  grid-template-columns: repeat(4, 1fr) !important;
}
.cg-quiz-wrapper .cg-score-item:nth-child(7) {
  grid-column: span 2 !important;
}
#timer {
  color: #dc2626 !important;
  font-weight: 700 !important;
}
#result.pass {
  color: #16a34a !important;
  font-weight: 700 !important;
}
#result.fail {
  color: #dc2626 !important;
  font-weight: 700 !important;
}