/* NOUN TMA Quiz 3.12.0 — UI/UX foundation + result / answer-review reference screens.
 * Presentation-layer authority only. Runtime, allowance, persistence, mastery and plan logic remain unchanged.
 */
:root{
  --z312-shell:1060px;
  --z312-line:color-mix(in srgb,var(--fg) 10%,transparent);
  --z312-line-strong:color-mix(in srgb,var(--fg) 16%,transparent);
  --z312-panel:var(--s1);
  --z312-panel-soft:color-mix(in srgb,var(--fg) 2.5%,var(--s1));
  --z312-panel-muted:color-mix(in srgb,var(--fg) 4.5%,var(--s1));
  --z312-accent:var(--ac);
  --z312-accent-soft:color-mix(in srgb,var(--ac) 9%,var(--s1));
  --z312-good:var(--ok);
  --z312-good-soft:color-mix(in srgb,var(--ok) 10%,var(--s1));
  --z312-bad:var(--no);
  --z312-bad-soft:color-mix(in srgb,var(--no) 8%,var(--s1));
  --z312-warn:var(--wn);
  --z312-warn-soft:color-mix(in srgb,var(--wn) 9%,var(--s1));
  --z312-radius-lg:24px;
  --z312-radius-md:16px;
  --z312-radius-sm:11px;
  --z312-shadow:0 18px 54px rgba(15,43,32,.075);
  --z312-focus:0 0 0 3px color-mix(in srgb,var(--ac) 28%,transparent);
}
[data-theme="dark"]{
  --z312-line:color-mix(in srgb,var(--fg) 13%,transparent);
  --z312-line-strong:color-mix(in srgb,var(--fg) 20%,transparent);
  --z312-panel-soft:color-mix(in srgb,var(--fg) 3%,var(--s1));
  --z312-panel-muted:color-mix(in srgb,var(--fg) 6%,var(--s1));
  --z312-accent-soft:color-mix(in srgb,var(--ac) 10%,var(--s1));
  --z312-good-soft:color-mix(in srgb,var(--ok) 10%,var(--s1));
  --z312-bad-soft:color-mix(in srgb,var(--no) 9%,var(--s1));
  --z312-warn-soft:color-mix(in srgb,var(--wn) 9%,var(--s1));
  --z312-shadow:0 22px 60px rgba(0,0,0,.22);
}

/* Shared 3.12 interaction language */
.ntq-app :is(button,a,summary):focus-visible{
  outline:none;
  box-shadow:var(--z312-focus);
}
.ntq-app .Z3-primary,
.ntq-app .Z3-secondary{
  min-height:46px;
  border-radius:12px;
  padding-inline:17px;
  font-weight:850;
  letter-spacing:-.01em;
}
.ntq-app .Z3-primary{box-shadow:0 8px 20px color-mix(in srgb,var(--ac) 16%,transparent)}
.ntq-app .Z3-primary:hover{transform:translateY(-1px)}
.ntq-app .Z3-secondary:hover{background:var(--z312-accent-soft);border-color:color-mix(in srgb,var(--ac) 34%,var(--z312-line))}

/* ==================== RESULT REFERENCE SCREEN ==================== */
.ntq-app .Z312-result{
  width:min(var(--z312-shell),calc(100% - 48px));
  padding:34px 0 76px;
  margin-inline:auto;
}
.ntq-app .Z312-result-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:24px;
  margin:0 0 20px;
  padding:0 2px;
}
.ntq-app .Z312-result-head .Z3-label{color:var(--ac)}
.ntq-app .Z312-result-head h1{
  margin:4px 0 3px;
  font-size:clamp(1.75rem,3vw,2.35rem);
  line-height:1.05;
  letter-spacing:-.045em;
}
.ntq-app .Z312-result-head p{margin:0;color:var(--fg2);font-size:.92rem}
.ntq-app .Z312-result-head>.Z3-secondary{min-height:42px;padding-inline:14px;background:transparent}

.ntq-app .Z312-result-hero{
  display:grid!important;
  grid-template-columns:240px minmax(0,1fr)!important;
  min-height:250px;
  margin:0 0 14px!important;
  border:1px solid var(--z312-line)!important;
  border-radius:var(--z312-radius-lg)!important;
  overflow:hidden;
  background:var(--z312-panel)!important;
  box-shadow:var(--z312-shadow)!important;
}
.ntq-app .Z312-result-hero .Z33-score-orb{
  position:relative;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  min-height:250px;
  padding:34px 30px!important;
  border:0!important;
  border-right:1px solid var(--z312-line)!important;
  background:var(--z312-panel-soft)!important;
  text-align:left;
}
.ntq-app .Z312-result-hero .Z33-score-orb:before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:5px;
  background:var(--z312-warn);
}
.ntq-app .Z312-result-hero.good .Z33-score-orb:before{background:var(--z312-good)}
.ntq-app .Z312-result-hero.low .Z33-score-orb:before{background:var(--z312-bad)}
.ntq-app .Z312-result-hero .Z33-score-orb span{
  color:var(--fg3);
  font-size:.7rem!important;
  letter-spacing:.12em;
}
.ntq-app .Z312-result-hero .Z33-score-orb b{
  margin:10px 0 7px!important;
  font-size:clamp(3.8rem,7vw,5.1rem)!important;
  line-height:.9;
  letter-spacing:-.075em;
}
.ntq-app .Z312-result-hero .Z33-score-orb em{
  display:inline-flex;
  align-items:center;
  min-height:29px;
  padding:0 10px;
  border-radius:999px;
  background:var(--z312-warn-soft);
  color:var(--z312-warn);
  font-size:.74rem!important;
  font-weight:900;
}
.ntq-app .Z312-result-hero.good .Z33-score-orb em{background:var(--z312-good-soft);color:var(--z312-good)}
.ntq-app .Z312-result-hero.low .Z33-score-orb em{background:var(--z312-bad-soft);color:var(--z312-bad)}
.ntq-app .Z312-result-hero .Z33-result-story{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:34px 38px!important;
}
.ntq-app .Z312-result-hero .Z33-result-story:before{
  content:"SESSION INSIGHT";
  margin-bottom:8px;
  color:var(--fg3);
  font-size:.66rem;
  font-weight:900;
  letter-spacing:.11em;
}
.ntq-app .Z312-result-hero .Z33-result-story h2{
  max-width:680px;
  margin:0 0 9px!important;
  font-size:clamp(1.35rem,2.4vw,1.8rem)!important;
  line-height:1.15;
  letter-spacing:-.035em;
}
.ntq-app .Z312-result-hero .Z33-result-story>p{
  max-width:700px;
  margin:0;
  color:var(--fg2);
  font-size:.94rem!important;
  line-height:1.62!important;
}
.ntq-app .Z312-metrics{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px!important;
  width:100%;
  margin-top:22px!important;
}
.ntq-app .Z312-metrics span{
  display:flex!important;
  flex-direction:column;
  align-items:flex-start!important;
  justify-content:center;
  gap:1px!important;
  min-height:62px!important;
  padding:10px 12px!important;
  border:1px solid var(--z312-line);
  border-radius:12px!important;
  background:transparent!important;
  color:var(--fg3)!important;
  font-size:.68rem!important;
  line-height:1.25;
}
.ntq-app .Z312-metrics b{font-size:1rem!important;color:var(--fg)!important;letter-spacing:-.02em}

.ntq-app .Z312-next{
  position:relative;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:24px;
  margin:0 0 18px!important;
  padding:20px 22px 20px 25px!important;
  border:1px solid color-mix(in srgb,var(--ac) 20%,var(--z312-line))!important;
  border-radius:var(--z312-radius-md)!important;
  background:linear-gradient(90deg,var(--z312-accent-soft),var(--z312-panel))!important;
  box-shadow:none!important;
  overflow:hidden;
}
.ntq-app .Z312-next:before{
  content:"";
  position:absolute;
  left:0;top:0;bottom:0;
  width:4px;
  background:var(--ac);
}
.ntq-app .Z312-next h2{margin:3px 0 3px!important;font-size:1.06rem!important;letter-spacing:-.02em}
.ntq-app .Z312-next p{margin:0!important;color:var(--fg2);font-size:.81rem!important}
.ntq-app .Z312-next-actions{display:flex!important;gap:8px!important;flex:0 0 auto}

/* One consolidated lower surface instead of a stack of nearly identical cards. */
.ntq-app .Z312-result-sections{
  border:1px solid var(--z312-line);
  border-radius:var(--z312-radius-lg);
  overflow:hidden;
  background:var(--z312-panel);
}
.ntq-app .Z312-result-sections>.Z311-result-details{
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  overflow:visible;
}
.ntq-app .Z312-result-sections>.Z311-result-details+.Z311-result-details{border-top:1px solid var(--z312-line)!important}
.ntq-app .Z312-result-sections>.Z311-result-details>summary{
  position:relative;
  display:grid!important;
  grid-template-columns:14px minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  min-height:62px;
  padding:11px 18px 11px 16px!important;
  background:transparent!important;
  color:var(--fg)!important;
  font-size:.88rem!important;
  font-weight:850!important;
  line-height:1.3;
}
.ntq-app .Z312-result-sections>.Z311-result-details>summary:before{
  content:"";
  display:block;
  width:8px;
  height:8px;
  margin-left:2px;
  border-radius:50%;
  background:var(--fg3);
  opacity:.65;
}
.ntq-app .Z312-result-sections>.Z312-tools-details>summary:before{background:var(--ac)}
.ntq-app .Z312-result-sections>.Z312-share-details>summary:before{background:var(--fg3)}
.ntq-app .Z312-result-sections>.Z312-support-details>summary:before{background:var(--wn)}
.ntq-app .Z312-result-sections>.Z312-review-details>summary:before{background:var(--ok)}
.ntq-app .Z312-result-sections>.Z311-result-details>summary:after{
  content:"+";
  display:grid;
  place-items:center;
  width:32px;
  height:32px;
  margin:0!important;
  border:1px solid var(--z312-line);
  border-radius:10px;
  color:var(--fg2);
  font-size:1rem;
  font-weight:700;
}
.ntq-app .Z312-result-sections>.Z311-result-details[open]>summary:after{content:"−";background:var(--z312-panel-muted)}
.ntq-app .Z312-result-sections>.Z311-result-details[open]>summary{background:var(--z312-panel-soft)!important}
.ntq-app .Z312-result-sections>.Z311-result-details>summary>span{
  margin:0!important;
  color:var(--fg3)!important;
  font-size:.72rem!important;
  font-weight:700!important;
}
.ntq-app .Z312-result-sections>.Z311-result-details>.Z311-result-detail-body{
  padding:18px!important;
  border-top:1px solid var(--z312-line)!important;
}

/* Learning tools inside result */
.ntq-app .Z312-result .Z311-compact-card{
  min-height:76px;
  padding:10px 2px!important;
}
.ntq-app .Z312-result .Z311-compact-card h3{margin:3px 0!important;font-size:1rem!important;line-height:1.28}
.ntq-app .Z312-result .Z311-compact-card p{max-width:670px;font-size:.8rem!important;line-height:1.5}
.ntq-app .Z312-result .Z37-session-diagnosis.ready{
  border-left:3px solid var(--ac)!important;
  padding-left:14px!important;
}
.ntq-app .Z312-result .Z37-session-diagnosis.ready h3{font-size:1.02rem!important}
.ntq-app .Z312-result .Z37-session-diagnosis.ready .Z3-primary,
.ntq-app .Z312-result .Z37-session-diagnosis.ready .Z3-secondary{flex:0 0 auto}

/* Share tools become real controls rather than plain text links. */
.ntq-app .Z312-result .Z311-share-primary{margin:0;gap:8px}
.ntq-app .Z312-result .Z311-share-links{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0}
.ntq-app .Z312-result .Z311-share-links button{
  min-height:38px;
  padding:0 13px;
  border:1px solid var(--z312-line);
  border-radius:999px;
  background:var(--z312-panel-soft);
  color:var(--fg2);
  font-size:.74rem;
  font-weight:820;
}
.ntq-app .Z312-result .Z311-share-links button:hover{border-color:color-mix(in srgb,var(--ac) 35%,var(--z312-line));background:var(--z312-accent-soft);color:var(--ac)}

/* Continue learning is compact and subordinate to the result workflow. */
.ntq-app .Z312-result .Z311-continuations{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.ntq-app .Z312-result .Z311-continuations a{
  min-height:94px;
  padding:14px!important;
  border-color:var(--z312-line)!important;
  border-radius:13px!important;
  background:var(--z312-panel-soft)!important;
}
.ntq-app .Z312-result .Z311-continuations a:hover{border-color:color-mix(in srgb,var(--ac) 34%,var(--z312-line))!important;background:var(--z312-accent-soft)!important}
.ntq-app .Z312-result .Z311-continuations strong{font-size:.85rem!important;line-height:1.35}
.ntq-app .Z312-result .Z311-continuations span{margin-top:2px;font-size:.7rem!important;line-height:1.4}

/* ==================== ANSWER REVIEW REFERENCE SCREEN ==================== */
.ntq-app .Z312-review-details>.Z3-review{
  margin:0!important;
  padding:0!important;
  border:0!important;
}
.ntq-app .Z312-review-overview{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:16px 18px;
  border-top:1px solid var(--z312-line);
  background:var(--z312-panel-soft);
}
.ntq-app .Z312-review-overview-copy{min-width:0}
.ntq-app .Z312-review-overview-copy b{display:block;margin-bottom:2px;font-size:.9rem;letter-spacing:-.015em}
.ntq-app .Z312-review-overview-copy span{display:block;color:var(--fg3);font-size:.74rem;line-height:1.45}
.ntq-app .Z312-review-overview-stats{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.ntq-app .Z312-review-overview-stats span{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:0 9px;
  border:1px solid var(--z312-line);
  border-radius:999px;
  background:var(--z312-panel);
  color:var(--fg2);
  font-size:.68rem;
  font-weight:800;
}
.ntq-app .Z312-review-overview-stats .is-correct{border-color:color-mix(in srgb,var(--ok) 25%,var(--z312-line));background:var(--z312-good-soft);color:var(--ok)}
.ntq-app .Z312-review-overview-stats .is-wrong{border-color:color-mix(in srgb,var(--no) 24%,var(--z312-line));background:var(--z312-bad-soft);color:var(--no)}
.ntq-app .Z312-review-overview-stats .is-skip{border-color:color-mix(in srgb,var(--wn) 24%,var(--z312-line));background:var(--z312-warn-soft);color:var(--wn)}

.ntq-app .Z312-review-list{
  display:grid!important;
  gap:10px!important;
  padding:14px 14px 16px!important;
  background:var(--z312-panel-soft);
}
.ntq-app .Z312-review-list>.Z3-review-q{
  position:relative;
  margin:0;
  border:1px solid var(--z312-line)!important;
  border-radius:var(--z312-radius-md)!important;
  background:var(--z312-panel)!important;
  box-shadow:none!important;
  overflow:hidden;
}
.ntq-app .Z312-review-list>.Z3-review-q:before{
  content:"";
  position:absolute;
  left:0;top:0;bottom:0;
  width:4px;
  background:var(--z312-warn);
}
.ntq-app .Z312-review-list>.Z3-review-q.ok:before{background:var(--z312-good)}
.ntq-app .Z312-review-list>.Z3-review-q.wrong:before{background:var(--z312-bad)}
.ntq-app .Z312-review-list>.Z3-review-q>summary{
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:13px!important;
  min-height:72px;
  padding:12px 15px 12px 18px!important;
  border:0!important;
  background:transparent!important;
  font-size:.88rem!important;
}
.ntq-app .Z312-review-list>.Z3-review-q>summary:hover{background:var(--z312-panel-soft)!important}
.ntq-app .Z312-review-list>.Z3-review-q[open]>summary{background:var(--z312-panel-soft)!important;border-bottom:1px solid var(--z312-line)!important}
.ntq-app .Z312-review-list .Z3-review-num{
  width:36px!important;
  height:36px!important;
  border:1px solid var(--z312-line);
  border-radius:11px!important;
  background:var(--z312-panel)!important;
  color:var(--fg)!important;
  font-size:.77rem!important;
}
.ntq-app .Z312-review-question{
  display:flex;
  flex-direction:column;
  min-width:0;
  gap:3px;
}
.ntq-app .Z312-review-question strong{
  color:var(--fg);
  font-size:.91rem;
  font-weight:790;
  line-height:1.4;
}
.ntq-app .Z312-review-question small{
  color:var(--fg3);
  font-size:.67rem;
  font-weight:700;
  letter-spacing:.01em;
}
.ntq-app .Z312-review-state{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  min-height:29px;
  padding:0 10px!important;
  border:1px solid transparent;
  border-radius:999px!important;
  background:var(--z312-warn-soft)!important;
  color:var(--wn)!important;
  font-size:.67rem!important;
  font-weight:900!important;
  font-style:normal;
}
.ntq-app .Z3-review-q.ok .Z312-review-state{background:var(--z312-good-soft)!important;color:var(--ok)!important;border-color:color-mix(in srgb,var(--ok) 18%,transparent)}
.ntq-app .Z3-review-q.wrong .Z312-review-state{background:var(--z312-bad-soft)!important;color:var(--no)!important;border-color:color-mix(in srgb,var(--no) 18%,transparent)}

.ntq-app .Z312-review-list .Z3-review-body{
  padding:18px 18px 19px 22px!important;
  border:0!important;
  background:var(--z312-panel)!important;
}
.ntq-app .Z312-review-list .Z34-review-signal{
  display:flex;
  gap:6px;
  margin:0 0 14px;
  padding:0;
  border:0;
  background:transparent;
}
.ntq-app .Z312-review-list .Z34-review-signal span{
  display:inline-flex;
  align-items:center;
  min-height:29px;
  padding:0 9px;
  border:1px solid var(--z312-line);
  border-radius:999px;
  background:var(--z312-panel-soft);
  color:var(--fg3);
  font-size:.66rem;
}
.ntq-app .Z312-review-list .Z34-review-signal b{font-weight:850}

.ntq-app .Z312-review-options{
  display:grid;
  gap:8px;
  margin-top:2px;
}
.ntq-app .Z312-review-list .Z3-review-option{
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr) auto!important;
  gap:11px!important;
  align-items:center!important;
  min-height:54px;
  padding:9px 11px!important;
  border:1px solid var(--z312-line)!important;
  border-radius:12px;
  background:var(--z312-panel-soft);
  color:var(--fg2)!important;
}
.ntq-app .Z312-review-list .Z3-review-option>span{
  width:32px!important;
  height:32px!important;
  border:1px solid var(--z312-line);
  border-radius:9px!important;
  background:var(--z312-panel)!important;
  color:var(--fg2)!important;
}
.ntq-app .Z312-review-list .Z3-review-option p{font-size:.88rem!important;line-height:1.42}
.ntq-app .Z312-review-list .Z3-review-option b{
  display:inline-flex;
  align-items:center;
  min-height:27px;
  padding:0 8px;
  border-radius:999px;
  color:inherit!important;
  font-size:.62rem!important;
  font-weight:900;
  white-space:nowrap;
}
.ntq-app .Z312-review-list .Z3-review-option.correct{
  border-color:color-mix(in srgb,var(--ok) 28%,var(--z312-line))!important;
  background:var(--z312-good-soft)!important;
  color:var(--fg)!important;
}
.ntq-app .Z312-review-list .Z3-review-option.correct>span{
  border-color:color-mix(in srgb,var(--ok) 28%,var(--z312-line));
  background:color-mix(in srgb,var(--ok) 14%,var(--s1))!important;
  color:var(--ok)!important;
}
.ntq-app .Z312-review-list .Z3-review-option.correct b{background:color-mix(in srgb,var(--ok) 12%,var(--s1));color:var(--ok)!important}
.ntq-app .Z312-review-list .Z3-review-option.chosen-wrong{
  border-color:color-mix(in srgb,var(--no) 28%,var(--z312-line))!important;
  background:var(--z312-bad-soft)!important;
  color:var(--fg)!important;
}
.ntq-app .Z312-review-list .Z3-review-option.chosen-wrong>span{
  border-color:color-mix(in srgb,var(--no) 28%,var(--z312-line));
  background:color-mix(in srgb,var(--no) 12%,var(--s1))!important;
  color:var(--no)!important;
}
.ntq-app .Z312-review-list .Z3-review-option.chosen-wrong b{background:color-mix(in srgb,var(--no) 10%,var(--s1));color:var(--no)!important}

.ntq-app .Z312-review-list .Z3-review-exp{
  position:relative;
  margin:16px 0 0!important;
  padding:16px 17px 16px 46px!important;
  border:1px solid var(--z312-line);
  border-radius:13px!important;
  background:var(--z312-panel-soft)!important;
}
.ntq-app .Z312-review-list .Z3-review-exp:before{
  content:"i";
  position:absolute;
  left:15px;top:15px;
  display:grid;
  place-items:center;
  width:22px;height:22px;
  border-radius:50%;
  background:var(--z312-accent-soft);
  color:var(--ac);
  font:900 .72rem/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.ntq-app .Z312-review-list .Z3-review-exp b{font-size:.72rem!important;letter-spacing:.02em}
.ntq-app .Z312-review-list .Z3-review-exp p{margin-top:5px!important;font-size:.84rem!important;line-height:1.58!important}
.ntq-app .Z312-review-actions{
  display:flex;
  align-items:center;
  gap:9px;
  margin-top:13px;
}
.ntq-app .Z312-review-list .Z38-review-lab{
  min-height:38px!important;
  margin:0!important;
  padding:0 12px!important;
  border-color:color-mix(in srgb,var(--ac) 26%,var(--z312-line))!important;
  border-radius:10px!important;
  background:var(--z312-accent-soft)!important;
  color:var(--ac)!important;
  font-size:.72rem!important;
  font-weight:900!important;
}
.ntq-app .Z312-review-list .Z38-review-lab:hover{background:color-mix(in srgb,var(--ac) 15%,var(--s1))!important}
.ntq-app .Z312-review-list .Z3-report{
  min-height:36px!important;
  margin:0!important;
  padding:0 8px!important;
  border:0!important;
  background:transparent!important;
  color:var(--fg3)!important;
  font-size:.68rem!important;
  text-decoration:none!important;
}
.ntq-app .Z312-review-list .Z3-report:hover{color:var(--no)!important;text-decoration:underline!important;text-underline-offset:3px}

/* Share-card dialog polish */
.ntq-app~.Z33-share-modal .Z33-share-dialog,
.Z33-share-modal .Z33-share-dialog{
  width:min(640px,100%);
  padding:26px;
  border:1px solid var(--z312-line);
  border-radius:26px;
  box-shadow:0 32px 90px rgba(0,0,0,.34);
}
.Z33-share-modal .Z33-share-dialog img{border-radius:20px;box-shadow:0 14px 36px rgba(0,0,0,.12)}

/* Responsive reference behaviour */
@media(max-width:860px){
  .ntq-app .Z312-result-hero{grid-template-columns:190px minmax(0,1fr)!important}
  .ntq-app .Z312-result-hero .Z33-score-orb{padding:28px 22px!important}
  .ntq-app .Z312-result-hero .Z33-result-story{padding:30px!important}
  .ntq-app .Z312-result .Z311-continuations{grid-template-columns:1fr 1fr}
}
@media(max-width:680px){
  .ntq-app .Z312-result{width:min(100% - 24px,var(--z312-shell));padding:24px 0 58px}
  .ntq-app .Z312-result-head{align-items:flex-start;gap:12px}
  .ntq-app .Z312-result-head h1{font-size:1.62rem}
  .ntq-app .Z312-result-head>.Z3-secondary{min-height:38px;font-size:.75rem}
  .ntq-app .Z312-result-hero{grid-template-columns:1fr!important;min-height:0}
  .ntq-app .Z312-result-hero .Z33-score-orb{
    min-height:150px!important;
    align-items:center;
    padding:24px!important;
    border-right:0!important;
    border-bottom:1px solid var(--z312-line)!important;
    text-align:center;
  }
  .ntq-app .Z312-result-hero .Z33-score-orb:before{inset:0 0 auto 0;width:auto;height:4px}
  .ntq-app .Z312-result-hero .Z33-score-orb b{font-size:3.65rem!important}
  .ntq-app .Z312-result-hero .Z33-result-story{padding:24px 20px!important}
  .ntq-app .Z312-result-hero .Z33-result-story:before{margin-bottom:6px}
  .ntq-app .Z312-result-hero .Z33-result-story h2{font-size:1.36rem!important}
  .ntq-app .Z312-metrics{grid-template-columns:1fr 1fr}
  .ntq-app .Z312-metrics span{min-height:56px!important}
  .ntq-app .Z312-next{align-items:stretch!important;flex-direction:column!important;padding:19px!important}
  .ntq-app .Z312-next-actions{display:grid!important;grid-template-columns:1fr;width:100%}
  .ntq-app .Z312-next-actions button{width:100%}
  .ntq-app .Z312-result-sections{border-radius:18px}
  .ntq-app .Z312-result-sections>.Z311-result-details>summary{grid-template-columns:12px minmax(0,1fr) 30px;gap:10px;min-height:58px;padding:10px 12px!important;font-size:.82rem!important}
  .ntq-app .Z312-result-sections>.Z311-result-details>summary:before{width:8px;height:8px;margin-left:1px}
  .ntq-app .Z312-result-sections>.Z311-result-details>summary:after{width:30px;height:30px;border-radius:9px}
  .ntq-app .Z312-result-sections>.Z311-result-details>.Z311-result-detail-body{padding:14px!important}
  .ntq-app .Z312-result .Z311-continuations{grid-template-columns:1fr}
  .ntq-app .Z312-review-overview{align-items:flex-start;flex-direction:column;padding:14px}
  .ntq-app .Z312-review-overview-stats{justify-content:flex-start}
  .ntq-app .Z312-review-list{padding:10px!important;gap:8px!important}
  .ntq-app .Z312-review-list>.Z3-review-q>summary{grid-template-columns:34px minmax(0,1fr)!important;min-height:68px;padding:11px 12px 11px 15px!important;gap:10px!important}
  .ntq-app .Z312-review-state{grid-column:2;justify-self:start}
  .ntq-app .Z312-review-list .Z3-review-body{padding:15px 12px 16px 16px!important}
  .ntq-app .Z312-review-list .Z34-review-signal{gap:5px}
  .ntq-app .Z312-review-list .Z3-review-option{grid-template-columns:31px minmax(0,1fr)!important;min-height:52px;padding:8px 9px!important}
  .ntq-app .Z312-review-list .Z3-review-option b{grid-column:2;justify-self:start;margin-top:-2px}
  .ntq-app .Z312-review-actions{align-items:stretch;flex-direction:column}
  .ntq-app .Z312-review-list .Z38-review-lab{width:100%}
  .ntq-app .Z312-review-list .Z3-report{align-self:flex-start}
}
@media(max-width:420px){
  .ntq-app .Z312-result-head{display:grid;grid-template-columns:1fr auto}
  .ntq-app .Z312-result-head p{font-size:.8rem}
  .ntq-app .Z312-result-hero .Z33-result-story{padding:21px 17px!important}
  .ntq-app .Z312-metrics{gap:6px!important}
  .ntq-app .Z312-metrics span{padding:9px 10px!important}
  .ntq-app .Z312-result-sections>.Z311-result-details>summary{font-size:.78rem!important}
}
@media(prefers-reduced-motion:reduce){
  .ntq-app .Z312-result *{transition:none!important;animation:none!important}
}
@media(forced-colors:active){
  .ntq-app .Z312-result-hero,
  .ntq-app .Z312-next,
  .ntq-app .Z312-result-sections,
  .ntq-app .Z312-review-list>.Z3-review-q,
  .ntq-app .Z312-review-list .Z3-review-option{border:1px solid CanvasText!important}
  .ntq-app .Z312-result-hero .Z33-score-orb:before,
  .ntq-app .Z312-review-list>.Z3-review-q:before{background:CanvasText!important}
}