/* ==============================
   ISQ Intro Card
============================== */
/* NEVER show original WatuPRO description */
.watupro-exam-description {
  display: none !important;
}

/* When WatuPRO hides its description (quiz start),
   hide ISQ intro as well */
.watupro-exam-description[style*="display:none"] ~ .isq-quiz-intro,
.watupro-exam-description[style*="display:none"] + .isq-quiz-intro {
  display: none !important;
}


.isq-quiz-intro {
  max-width: 820px;
  margin: 40px auto;
  padding: 0 16px;
}

.isq-card {
  background: #ffffff;
  border-radius: 18px;
  padding: 28px 32px;
  border: 1px solid #e5edff;
  box-shadow: 0 10px 30px rgba(2, 6, 23, 0.08);
  position: relative;
}

.isq-badge {
  position: absolute;
  top: -14px;
  left: 24px;
  padding: 6px 14px;
  font-size: 13px;
  font-weight: 600;
  border-radius: 999px;
}

.isq-beginner { background: #e0f2fe; color: #075985; }
.isq-intermediate { background: #fef3c7; color: #92400e; }
.isq-advanced { background: #dbeafe; color: #1e3a8a; }
.isq-professional { background: #ede9fe; color: #5b21b6; }
.isq-expert { background: #fee2e2; color: #7f1d1d; }

.isq-title {
  margin: 14px 0 10px;
  font-size: 26px;
  color: #0f172a;
}

.isq-description {
  font-size: 15px;
  line-height: 1.7;
  color: #334155;
}

.isq-meta {
  margin-top: 22px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  background: #f8fafc;
  padding: 16px;
  border-radius: 14px;
}

.isq-meta-label {
  font-size: 12px;
  color: #64748b;
}

.isq-meta-value {
  font-size: 15px;
  font-weight: 600;
  color: #0f172a;
}

/* ------------------------------------------------
   IMPORTANT: Restore original WatuPRO behavior
   Hide ISQ intro when quiz starts
------------------------------------------------ */





/* Hide ISQ intro when quiz starts */
.watupro-exam-description[style*="display:none"] + .isq-quiz-intro,
.watupro-exam-description[style*="display:none"] ~ .isq-quiz-intro {
  display: none !important;
}

@media (max-width: 640px) {
  .isq-meta {
    grid-template-columns: 1fr;
  }
}