[data-quiz-theme="iq"]{
  --iq-navy: var(--quiz-primary);
  --iq-blue: #367af6;
  --iq-cyan: #39cfe0;
  --iq-violet: #7a66ee;
  --iq-lime: var(--quiz-correct);
  --iq-text: var(--quiz-text);
  --iq-muted: var(--quiz-muted);
  --iq-line: var(--quiz-border);
  --iq-soft: #f3f7fa;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background:
    radial-gradient(circle at 8% 5%, rgba(57, 207, 224, .13), transparent 27rem),
    radial-gradient(circle at 94% 18%, rgba(122, 102, 238, .1), transparent 28rem),
    linear-gradient(180deg, #f8fbfd, #eef4f7 68%, var(--quiz-surface-raised));
  color: var(--iq-text);
}

[data-quiz-theme="iq"]::before{
  position: absolute;
  z-index: -1;
  top: 120px;
  left: 50%;
  width: min(88vw, 980px);
  height: 560px;
  border: 1px solid rgba(54, 122, 246, .06);
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 255, 255, .8), transparent 67%);
  content: "";
  transform: translateX(-50%);
}

[data-quiz-theme="iq"] .quiz-engine{ max-width: 1060px; padding: 40px 20px 72px; }

/* Landing follows the same compact order as Memory and Years Left. */
[data-quiz-theme="iq"] .quiz-engine__landing{
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  width: min(100%, 900px);
  min-height: 520px;
  margin-inline: auto;
  padding: clamp(38px, 5vw, 54px);
  place-items: center;
  overflow: hidden;
  border: 1px solid var(--iq-line);
  border-radius: 32px;
  background:
    radial-gradient(circle at 50% 0%, rgba(57, 207, 224, .085), transparent 42%),
    rgba(255, 255, 255, .95);
  box-shadow: 0 28px 70px rgba(38, 68, 90, .13), inset 0 1px #fff;
}

[data-quiz-theme="iq"] .quiz-engine__landing::before{
  position: absolute;
  top: -310px;
  left: 50%;
  width: 620px;
  height: 620px;
  border: 1px solid rgba(54, 122, 246, .08);
  border-radius: 50%;
  box-shadow: 0 0 0 58px rgba(57, 207, 224, .025), 0 0 0 116px rgba(122, 102, 238, .018);
  content: "";
  transform: translateX(-50%);
}

[data-quiz-theme="iq"] .quiz-engine__landing-copy{
  position: relative;
  z-index: 1;
  display: grid;
  grid-column: 1 / -1;
  width: min(100%, 760px);
  margin-inline: auto;
  justify-items: center;
  text-align: center;
}

[data-quiz-theme="iq"] .quiz-engine__landing-badge{
  display: block;
  width: auto;
  height: auto;
  margin: 0 auto 10px;
  border: 0;
  background: none;
  box-shadow: none;
}
[data-quiz-theme="iq"] .quiz-engine__landing-badge span{ display: block; font-size: 44px; line-height: 1; filter: drop-shadow(0 6px 10px rgba(47, 87, 130, .2)); }

[data-quiz-theme="iq"] .quiz-engine__eyebrow{
  color: #257f97;
  font-size: .73rem;
  font-weight: 950;
  letter-spacing: .19em;
}
[data-quiz-theme="iq"] .quiz-engine__landing .quiz-engine__eyebrow{ display: none; }

[data-quiz-theme="iq"] .quiz-engine__landing h1{
  max-width: 760px;
  margin: 11px auto 23px;
  color: var(--iq-navy);
  font-size: clamp(2.82rem, 3.48vw, 3.76rem);
  font-weight: 900;
  line-height: .97;
  letter-spacing: -.04em;
  text-wrap: balance;
}

[data-quiz-theme="iq"] .quiz-engine__landing .quiz-engine__lede,
[data-quiz-theme="iq"] .quiz-engine__landing .quiz-engine__landing-meta,
[data-quiz-theme="iq"] .quiz-engine__landing .quiz-engine__info-badge,
[data-quiz-theme="iq"] .quiz-engine__landing-art{ display: none; }
[data-quiz-theme="iq"] .quiz-engine__landing-symbol{ display: none !important; }

[data-quiz-theme="iq"] .quiz-engine__quick-start{
  max-width: 650px;
  margin: 0 auto 20px;
  color: #56647a;
  font-size: clamp(.98rem, 1.5vw, 1.08rem);
  font-weight: 650;
  line-height: 1.48;
}

[data-quiz-theme="iq"] .quiz-engine__social{
  border: 1px solid #dce7ed;
  background: var(--quiz-surface-raised);
  color: #253249;
  box-shadow: 0 7px 20px rgba(42, 72, 93, .08);
  font-size: 14px;
  line-height: 1.05;
  text-align: left}
[data-quiz-theme="iq"] .quiz-engine__social-text strong{ color: #4b70b8; font-weight: 850; }
[data-quiz-theme="iq"] .quiz-engine__social-text span{ color: #253249; font-weight: 720; }
[data-quiz-theme="iq"] .quiz-engine__avatars{ display: flex; align-items: center; }
[data-quiz-theme="iq"] .quiz-engine__avatars span{
  width: 30px;
  height: 30px;
  margin-left: -9px;
  border: 2px solid #fff;
  border-radius: 50%;
  background-color: #dce8f1;
  background-position: center;
  background-size: cover;
  box-shadow: 0 4px 10px rgba(42, 72, 93, .18);
}
[data-quiz-theme="iq"] .quiz-engine__avatars span:first-child{ margin-left: 0; }

[data-quiz-theme="iq"] .quiz-engine__primary{
  border: 2px solid #0b1124;
  background: var(--quiz-primary);
  color: #fff;
  box-shadow: 0 6px 0 #080d1c, 0 15px 26px rgba(16, 24, 47, .18);
  font-size: 19px;
  font-weight: 950;
  letter-spacing: .02em;
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease}
[data-quiz-theme="iq"] .quiz-engine__primary-icon{ display: inline; }
@media (hover: hover) and (pointer: fine) {
  [data-quiz-theme="iq"] .quiz-engine__primary:hover{ border-color: #22335e; background: #1a2748; filter: none; transform: translateY(-1px); box-shadow: 0 7px 0 #080d1c, 0 17px 30px rgba(16, 24, 47, .21)}
}
[data-quiz-theme="iq"] .quiz-engine__primary:focus-visible{ outline: 3px solid #88dca8; outline-offset: 4px}
[data-quiz-theme="iq"] .quiz-engine__primary:disabled{ border-color: #3a4256; background: #3a4256; color: #fff; box-shadow: 0 4px 0 #252b3a, 0 10px 20px rgba(16, 24, 47, .12); filter: none}
[data-quiz-theme="iq"] .quiz-engine__ad-note{ justify-content: center; color: #6d798c; }
[data-quiz-theme="iq"] .quiz-engine__ad-note span{ border-color: var(--iq-lime); color: var(--iq-lime); }

[data-quiz-theme="iq"] .quiz-engine__about{
  border: 1px solid var(--iq-line);
  border-radius: 22px;
  background: rgba(255, 255, 255, .9);
  color: var(--iq-muted);
  box-shadow: 0 20px 48px rgba(38, 68, 90, .09);
}
[data-quiz-theme="iq"] .quiz-engine__about h2{ color: var(--iq-navy); }
[data-quiz-theme="iq"] .quiz-engine__progress-head{ color: #69768a}
[data-quiz-theme="iq"] .quiz-engine__progress-head strong{ color: var(--iq-navy); }
[data-quiz-theme="iq"] .quiz-engine__progress{
  border: 1px solid #dce6ed;
  background: #eaf0f4}
[data-quiz-theme="iq"] .quiz-engine__progress i{
  border-radius: inherit;
  background: linear-gradient(90deg, var(--iq-cyan), var(--iq-violet));
  box-shadow: 0 0 14px rgba(54, 122, 246, .18);
}

[data-quiz-theme="iq"] .quiz-engine__card{
  border: 1px solid var(--iq-line);
  border-radius: 26px;
  background:
    radial-gradient(circle at 50% 0%, rgba(57, 207, 224, .055), transparent 40%),
    rgba(255, 255, 255, .97);
  color: var(--iq-text);
  box-shadow: 0 25px 65px rgba(38, 68, 90, .13), inset 0 1px #fff;
}

[data-quiz-theme="iq"] .quiz-engine__question-context{ color: #267e99; font-size: .74rem; font-weight: 950; letter-spacing: .14em; text-transform: uppercase; }
[data-quiz-theme="iq"] .quiz-engine__question h2{
  max-width: 690px;
  margin-inline: auto;
  color: var(--iq-navy);
  font-size: clamp(1.65rem, 3.8vw, 2.55rem);
  font-weight: 900;
  letter-spacing: -.035em;
  text-wrap: balance;
}

[data-quiz-theme="iq"] .quiz-engine__visual{
  border: 1px solid #dbe6ee;
  border-radius: 18px;
  background: linear-gradient(145deg, #f8fbfd, #eef5f8);
  box-shadow: inset 0 1px #fff;
}
[data-quiz-theme="iq"] .quiz-engine__visual span{ color: #17243b; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }
[data-quiz-theme="iq"] .quiz-engine__visual i{ color: #2c8ba5; }
[data-quiz-theme="iq"] .quiz-engine__visual > span > strong{
  overflow-wrap: normal;
  word-break: normal;
}
[data-quiz-theme="iq"] .quiz-engine__visual--grid span,
[data-quiz-theme="iq"] .quiz-engine__visual--code span{ border-color: #dae6ed; border-radius: 11px; background: rgba(255, 255, 255, .72); }

[data-quiz-theme="iq"] .quiz-engine__answer{
  min-height: 68px;
  border: 1px solid #dbe4eb;
  border-radius: 16px;
  background: #f8fafc;
  color: #172138;
  box-shadow: 0 7px 18px rgba(38, 68, 90, .06);
  transition: border-color .16s ease, background .16s ease, transform .16s ease, box-shadow .16s ease;
}
@media (hover: hover) and (pointer: fine) {
  [data-quiz-theme="iq"] .quiz-engine__answer:hover{ border-color: #75cbd9; background: #eefbfc; transform: translateY(-2px); box-shadow: 0 11px 25px rgba(38, 68, 90, .1); }
}
[data-quiz-theme="iq"] .quiz-engine__answer:focus-visible{ outline: 3px solid #82d9a3; outline-offset: 3px; }
[data-quiz-theme="iq"] .quiz-engine__answer[data-selected="true"]{ border-color: #55bfce; background: linear-gradient(135deg, #e8fafb, #eef0ff); box-shadow: 0 0 0 3px rgba(57, 207, 224, .12); }
[data-quiz-theme="iq"] .quiz-engine__answer-letter{ border: 1px solid #bee5eb; background: #e3f7f9; color: #237e96; }

/* Checkpoints */
[data-quiz-theme="iq"] .quiz-engine__checkpoint{ text-align: center}
[data-quiz-theme="iq"] .quiz-engine__checkpoint-icon{ border: 1px solid #b9dfc6; border-radius: 20px; background: #edf9f1; color: var(--iq-lime); box-shadow: 0 10px 28px rgba(77, 167, 111, .09); }
[data-quiz-theme="iq"] .quiz-engine__checkpoint h2{ color: var(--iq-navy); }
[data-quiz-theme="iq"] .quiz-engine__signal,
[data-quiz-theme="iq"] .quiz-engine__next-stage{ border: 1px solid var(--iq-line); border-radius: 17px; background: var(--quiz-surface-raised); }
[data-quiz-theme="iq"] .quiz-engine__signal strong{ color: #237e96; }
[data-quiz-theme="iq"] .quiz-engine__signal p{ color: #5f6d82; }
[data-quiz-theme="iq"] .quiz-engine__next-stage span{ color: #7a8799; }
[data-quiz-theme="iq"] .quiz-engine__next-stage strong{ color: var(--iq-navy); }
[data-quiz-theme="iq"] .quiz-engine__checklist li{ border-color: #dbe5ec; border-radius: 13px; background: var(--quiz-surface-raised); color: #263248; }
[data-quiz-theme="iq"] .quiz-engine__checklist span{ color: var(--iq-lime); }

/* Final result */
[data-quiz-theme="iq"] .quiz-engine__result{ width: min(100%, 800px); text-align: center; }
[data-quiz-theme="iq"] .quiz-engine__result-derived{
  display: grid;
  width: clamp(178px, 32vw, 230px);
  aspect-ratio: 1;
  margin: 22px auto;
  place-items: center;
  border: 1px solid #a8dfe7;
  border-radius: 50%;
  background: radial-gradient(circle, #fff, #eaf9fb 58%, #f0efff 60%);
  box-shadow: 0 0 0 10px rgba(57, 207, 224, .06), 0 20px 50px rgba(38, 68, 90, .13);
}
[data-quiz-theme="iq"] .quiz-engine__result-derived strong{ color: var(--iq-navy); font-size: clamp(4.5rem, 11vw, 7rem); font-weight: 950; line-height: 1; letter-spacing: -.08em; }
[data-quiz-theme="iq"] .quiz-engine__result h2{ color: var(--iq-navy); font-size: clamp(2rem, 4vw, 3.25rem); }
[data-quiz-theme="iq"] .quiz-engine__result-fraction{ color: #267e99; }
[data-quiz-theme="iq"] .quiz-engine__result-details{ border: 1px solid var(--iq-line); border-radius: 18px; background: var(--quiz-surface-raised); text-align: left; }
[data-quiz-theme="iq"] .quiz-engine__result-details dt{ color: #718096; }
[data-quiz-theme="iq"] .quiz-engine__result-details dd{ color: var(--iq-navy); }
[data-quiz-theme="iq"] .quiz-engine__disclaimer{ border: 1px solid #cfe5d6; border-radius: 16px; background: #f0f8f2; color: #55725f; }

@media (max-width: 760px) {
  [data-quiz-theme="iq"] .quiz-engine{ padding: 20px 14px 58px; }
  [data-quiz-theme="iq"] .quiz-engine__landing{ min-height: 0; padding: 28px 20px 24px; border-radius: 24px; }
  [data-quiz-theme="iq"] .quiz-engine__landing-badge{ width: auto; height: auto; }
  [data-quiz-theme="iq"] .quiz-engine__landing-badge span{ font-size: 40px; }
  [data-quiz-theme="iq"] .quiz-engine__landing h1{ margin-top: 10px; font-size: clamp(2.18rem, 9.9vw, 2.92rem); line-height: .97; }
  [data-quiz-theme="iq"] .quiz-engine__quick-start{ font-size: 1rem; line-height: 1.44; }
  [data-quiz-theme="iq"] .quiz-engine__card{ padding: 26px 18px; border-radius: 22px; }
  [data-quiz-theme="iq"] .quiz-engine__visual{ gap: 8px; padding: 12px 10px; border-radius: 15px; }
  [data-quiz-theme="iq"] .quiz-engine__visual span{ font-size: clamp(1rem, 5.4vw, 1.45rem); }
  [data-quiz-theme="iq"] .quiz-engine__visual > span > strong{ padding: 8px; }

  /* IQ sequences are content-aware on phones. Long words use two balanced
     rows; short symbols stay compact; very dense number runs wrap 4 + 4. */
  [data-quiz-theme="iq"] .quiz-engine__visual--word-sequence.quiz-engine__visual--word-sequence{
    --quiz-visual-gap: 24px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: var(--quiz-visual-gap);
    row-gap: 10px;
  }
  [data-quiz-theme="iq"] .quiz-engine__visual--word-sequence > span > strong{
    min-height: 56px;
    padding-inline: 8px;
    font-size: clamp(.83rem, 3.8vw, 1.02rem);
    letter-spacing: .015em;
    white-space: nowrap;
  }
  [data-quiz-theme="iq"] .quiz-engine__visual--word-sequence > span:nth-child(2) > i{ display: none; }
  [data-quiz-theme="iq"] .quiz-engine__visual--word-sequence > span:nth-child(3){
    grid-column: 1;
    grid-row: 2;
  }
  [data-quiz-theme="iq"] .quiz-engine__visual--word-sequence > span:nth-child(4){
    grid-column: 2;
    grid-row: 2;
  }
  [data-quiz-theme="iq"] .quiz-engine__visual--word-sequence > span:nth-child(3) > i{
    right: -17px;
    left: auto;
    transform: translate(50%, -50%);
  }
  [data-quiz-theme="iq"] .quiz-engine__visual--compact-sequence.quiz-engine__visual--four-step-sequence{
    --quiz-visual-gap: 18px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    column-gap: var(--quiz-visual-gap);
    row-gap: 0;
  }
  [data-quiz-theme="iq"] .quiz-engine__visual--compact-sequence.quiz-engine__visual--four-step-sequence > span:nth-child(3),
[data-quiz-theme="iq"] .quiz-engine__visual--compact-sequence.quiz-engine__visual--four-step-sequence > span:nth-child(4){
    grid-column: auto;
    grid-row: auto;
  }
  [data-quiz-theme="iq"] .quiz-engine__visual--compact-sequence.quiz-engine__visual--four-step-sequence > span > i,
[data-quiz-theme="iq"] .quiz-engine__visual--compact-sequence.quiz-engine__visual--four-step-sequence > span:nth-child(2) > i,
[data-quiz-theme="iq"] .quiz-engine__visual--compact-sequence.quiz-engine__visual--four-step-sequence > span:nth-child(3) > i{
    display: block;
    top: 50%;
    right: -14px;
    bottom: auto;
    left: auto;
    transform: translate(50%, -50%);
  }
  [data-quiz-theme="iq"] .quiz-engine__visual--compact-sequence.quiz-engine__visual--four-step-sequence > span > strong{
    min-height: 48px;
    padding-inline: 3px;
    font-size: clamp(.78rem, 3.5vw, 1rem);
  }
  [data-quiz-theme="iq"] .quiz-engine__visual--very-dense-sequence.quiz-engine__visual--very-dense-sequence{
    --quiz-visual-gap: 13px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    row-gap: 9px;
  }
  [data-quiz-theme="iq"] .quiz-engine__visual--very-dense-sequence > span > strong{
    min-height: 43px;
    padding: 5px 2px;
    font-size: clamp(.88rem, 4.4vw, 1.08rem);
    white-space: nowrap;
  }
  [data-quiz-theme="iq"] .quiz-engine__visual--very-dense-sequence > span:nth-child(4) > i{ display: none; }

  [data-quiz-theme="iq"] .quiz-engine__visual--six-step-sequence.quiz-engine__visual--six-step-sequence{
    --quiz-visual-gap: 20px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: var(--quiz-visual-gap);
    row-gap: 9px;
  }
  [data-quiz-theme="iq"] .quiz-engine__visual--six-step-sequence > span > strong{
    min-height: 44px;
    padding: 5px 3px;
    font-size: clamp(.82rem, 4vw, 1rem);
    white-space: nowrap;
  }
  [data-quiz-theme="iq"] .quiz-engine__visual--six-step-sequence > span:nth-child(3) > i{ display: none; }

  /* Textual code panels favour full-width, readable rows instead of narrow
     cells. Exact strings never split at arbitrary characters. */
  [data-quiz-theme="iq"] .quiz-engine__visual--code.quiz-engine__visual--code{
    grid-template-columns: 1fr;
    gap: 7px;
    padding: 9px 10px;
  }
  [data-quiz-theme="iq"] .quiz-engine__visual--code > span > strong{
    min-height: 42px;
    padding: 8px 10px;
    font-size: clamp(.83rem, 4vw, 1.03rem);
    line-height: 1.2;
    white-space: nowrap;
  }

  /* Spatial tiles stay large and centred without oversized empty boxes. */
  [data-quiz-theme="iq"] .quiz-engine__visual--spatial{
    gap: 8px;
    padding: 10px;
  }
  [data-quiz-theme="iq"] .quiz-engine__visual--spatial > span > strong{
    min-height: 48px;
    padding: 6px;
    font-size: clamp(1.28rem, 6.5vw, 1.7rem);
    line-height: 1;
    white-space: nowrap;
  }
  [data-quiz-theme="iq"] .quiz-engine__answer{ min-height: 64px; border-radius: 14px; }
}

@media (max-width: 420px) {
  [data-quiz-theme="iq"] .quiz-engine__landing{ padding-inline: 16px; }
  [data-quiz-theme="iq"] .quiz-engine__landing h1{ font-size: clamp(2.02rem, 10.1vw, 2.64rem); }
  [data-quiz-theme="iq"] .quiz-engine__social{ font-size: 12px}
  [data-quiz-theme="iq"] .quiz-engine__avatars span{ width: 27px; height: 27px; }
}

@media (max-width: 760px) {
  [data-quiz-theme="iq"] .quiz-engine__question[data-question-id="iq-s2q5"] .quiz-engine__answers--compact-grid,
[data-quiz-theme="iq"] .quiz-engine__question[data-question-id="iq-s5q5"] .quiz-engine__answers--compact-grid{
    grid-template-columns: 1fr;
  }
  [data-quiz-theme="iq"] .quiz-engine__question[data-question-id="iq-s5q5"] .quiz-engine__answer strong{
    white-space: nowrap;
  }
}

@media (max-width: 340px) {
  [data-quiz-theme="iq"] .quiz-engine__question[data-question-id="iq-s3q4"] .quiz-engine__visual--sequence{
    --quiz-visual-gap: 24px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: var(--quiz-visual-gap);
    row-gap: 9px;
  }
  [data-quiz-theme="iq"] .quiz-engine__question[data-question-id="iq-s3q4"] .quiz-engine__visual--sequence > span > strong{
    min-height: 48px;
    font-size: .86rem;
  }
  [data-quiz-theme="iq"] .quiz-engine__question[data-question-id="iq-s3q4"] .quiz-engine__visual--sequence > span:nth-child(2) > i{
    display: none;
  }
  [data-quiz-theme="iq"] .quiz-engine__question[data-question-id="iq-s3q4"] .quiz-engine__visual--sequence > span:nth-child(3){
    grid-column: 1;
    grid-row: 2;
  }
  [data-quiz-theme="iq"] .quiz-engine__question[data-question-id="iq-s3q4"] .quiz-engine__visual--sequence > span:nth-child(4){
    grid-column: 2;
    grid-row: 2;
  }
  [data-quiz-theme="iq"] .quiz-engine__question[data-question-id="iq-s3q4"] .quiz-engine__visual--sequence > span:nth-child(3) > i{
    display: block;
    top: 50%;
    right: -17px;
    bottom: auto;
    left: auto;
    transform: translate(50%, -50%);
  }
}

@media (prefers-reduced-motion: reduce) {
  [data-quiz-theme="iq"] .quiz-engine__answer{ transition: none; }
  [data-quiz-theme="iq"] .quiz-engine__primary{ transition: none}
}

/* Five-stage Intelligence Test: match the stable Memory/Years Left journey
   geometry while retaining the Brain Vault palette and visual identity. */
[data-quiz-theme="iq"] .quiz-engine__continuous-shell{
  --iq-flow-min-height: clamp(590px, 82svh, 860px);
  box-sizing: border-box;
  border: 1px solid var(--iq-line) !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(57, 207, 224, .055), transparent 42%),
    rgba(255, 255, 255, .97) !important;
  color: var(--iq-text);
  box-shadow: 0 25px 65px rgba(38, 68, 90, .13), inset 0 1px #fff !important}

[data-quiz-theme="iq"] .quiz-engine__question-shell.quiz-engine__continuous-shell .quiz-engine__progress-head > span{
  display: none;
}

[data-quiz-theme="iq"] .quiz-engine__question-shell.quiz-engine__continuous-shell .quiz-engine__progress-head > em{
  display: block;
  grid-column: 1;
  grid-row: 1;
  justify-self: start;
  margin: 0;
  padding: 5px 9px;
  border-radius: 999px;
  background: #e7f7fa;
  color: #237e96;
  font-size: 12px;
  font-style: normal;
  font-weight: 950;
  letter-spacing: .08em;
  line-height: 1.25;
  text-transform: uppercase;
}

[data-quiz-theme="iq"] .quiz-engine__question-shell.quiz-engine__continuous-shell .quiz-engine__progress-head > strong{
  grid-column: 2;
  grid-row: 1;
  justify-self: end;
  color: var(--iq-navy);
}

[data-quiz-theme="iq"] .quiz-engine__question-shell.quiz-engine__continuous-shell .quiz-engine__progress{
  border: 0;
  background: #e4ebef}

[data-quiz-theme="iq"] .quiz-engine__question-shell.quiz-engine__continuous-shell .quiz-engine__progress i{
  background: linear-gradient(90deg, var(--iq-cyan), var(--iq-violet));
  transition: width .32s cubic-bezier(.22, 1, .36, 1);
}

[data-quiz-theme="iq"] .quiz-engine__question-shell.quiz-engine__continuous-shell > .quiz-engine__question{
  box-sizing: border-box;
  flex: 1 0 auto;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: clamp(30px, 4vw, 40px) clamp(22px, 5vw, 46px) 34px;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

[data-quiz-theme="iq"] .quiz-engine__checkpoint--progress-career{
  align-items: center;
  text-align: center;
}

[data-quiz-theme="iq"] .quiz-engine__checkpoint--progress-career .quiz-engine__checkpoint-icon{
  width: 58px;
  height: 58px;
  margin: 9px auto;
  border-radius: 18px;
}

[data-quiz-theme="iq"] .quiz-engine__checkpoint--progress-career h2{
  max-width: 680px;
  margin: 7px auto;
  color: var(--iq-navy);
  font-size: clamp(2rem, 4.4vw, 3.25rem);
  line-height: 1.02;
  text-wrap: balance;
}

[data-quiz-theme="iq"] .quiz-engine__checkpoint--progress-career > p{
  max-width: 580px;
  margin: 0 auto 4px;
  color: var(--iq-muted);
}

[data-quiz-theme="iq"] .quiz-engine__checkpoint-journey-progress{
  width: 100%;
  margin: 16px 0 12px;
  padding: 0;
  border: 0;
  background: transparent;
  text-align: left;
}

[data-quiz-theme="iq"] .quiz-engine__checkpoint-journey-progress > div{
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 7px;
}

[data-quiz-theme="iq"] .quiz-engine__checkpoint-journey-progress span,
[data-quiz-theme="iq"] .quiz-engine__checkpoint-journey-progress strong{
  color: #5f6d82;
  font-size: 14px;
  letter-spacing: 0;
  text-transform: none;
}

[data-quiz-theme="iq"] .quiz-engine__checkpoint-journey-progress strong{ color: #4b70b8; }
[data-quiz-theme="iq"] .quiz-engine__checkpoint-journey-progress > i{
  display: block;
  height: 8px;
  overflow: hidden;
  border-radius: 999px;
  background: #e3eaef;
}
[data-quiz-theme="iq"] .quiz-engine__checkpoint-journey-progress > i > b{
  display: block;
  width: var(--career-result-progress);
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--iq-cyan), var(--iq-violet));
}

[data-quiz-theme="iq"] .quiz-engine__checkpoint-next--career{
  width: 100%;
  margin: 10px auto 4px;
  padding: 14px 16px;
  border: 1px solid rgba(69, 107, 132, .14);
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(233, 249, 251, .75), rgba(242, 240, 255, .7));
  box-shadow: none;
}

[data-quiz-theme="iq"] .quiz-engine__checkpoint-next--career span{
  color: #718096;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .13em;
}
[data-quiz-theme="iq"] .quiz-engine__checkpoint-next--career strong{
  display: block;
  margin: 4px 0;
  color: var(--iq-navy);
  font-size: clamp(1.35rem, 2.6vw, 1.8rem);
}
[data-quiz-theme="iq"] .quiz-engine__checkpoint-next--career small{
  display: block;
  color: #5f6d82;
  font-size: 14px;
  font-weight: 750;
  line-height: 1.3;
}

[data-quiz-theme="iq"] .quiz-engine__continuous-shell .quiz-engine__primary{
  box-sizing: border-box;
  font-size: 17px;
  line-height: 1.15;
  text-align: center}

[data-quiz-theme="iq"] .quiz-engine__continuous-shell .quiz-engine__checkpoint-ad-note{
  width: 100%;
  margin: 13px 0 0;
  color: #6d798c;
  text-align: center;
}

@media (min-width: 701px) {
  [data-quiz-theme="iq"] .quiz-engine__checkpoint--progress-career .quiz-engine__checkpoint-journey-progress,
[data-quiz-theme="iq"] .quiz-engine__checkpoint--progress-career .quiz-engine__checkpoint-next--career,
[data-quiz-theme="iq"] .quiz-engine__checkpoint--progress-career > .quiz-engine__checkpoint-ad-note{
    width: min(100%, 520px) !important;
    max-width: 520px !important;
    align-self: center;
    margin-right: auto !important;
    margin-left: auto !important;
  }
}

@media (max-width: 700px) {
  [data-quiz-theme="iq"] .quiz-engine{ padding-inline: 8px; }
  [data-quiz-theme="iq"] .quiz-engine__continuous-shell{
    --iq-flow-min-height: clamp(570px, 80svh, 760px)}
  [data-quiz-theme="iq"] .quiz-engine__question-shell.quiz-engine__continuous-shell > .quiz-engine__question{ padding: 25px 18px 28px; }
  [data-quiz-theme="iq"] .quiz-engine__checkpoint--progress-career .quiz-engine__checkpoint-icon{
    width: 52px;
    height: 52px;
    margin-block: 7px;
  }
  [data-quiz-theme="iq"] .quiz-engine__checkpoint--progress-career h2{ font-size: clamp(28px, 8.5vw, 38px); }
  [data-quiz-theme="iq"] .quiz-engine__continuous-shell .quiz-engine__primary{
    font-size: 16px}
}