/* ---- Results ---- */
#screen-results{display:none;}
.stack{display:flex; flex-direction:column; gap:1.4rem;}
.result-hero{
  background:var(--panel-dark-2);
  border:1px solid var(--line);
  border-radius:16px;
  padding:2.1rem 1.9rem;
}
.result-eyebrow{
  font-size:.85rem;
  color:var(--teal-pop);
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.06em;
  margin:0 0 .5rem;
}
.result-title{
  font-size:clamp(1.5rem,4.5vw,1.9rem);
  margin:0 0 .3rem;
}
.result-title em{color:var(--teal-pop); font-style:normal;}
.result-name-row{
  display:flex;
  align-items:center;
  gap:1.2rem;
  margin-bottom:1.5rem;
}
@media (max-width:480px){ .result-name-row{flex-direction:column; align-items:flex-start; gap:.8rem;} }
.result-icon{
  flex:none;
  width:76px; height:76px;
  border-radius:50%;
  background:var(--bg-2-deep);
  border:3px solid var(--teal-pop);
  display:flex; align-items:center; justify-content:center;
}
.result-tagline{
  font-family:'Outfit', system-ui, sans-serif;
  font-weight:600;
  font-size:1.05rem;
  color:var(--teal-pop);
  margin:0;
}
.result-desc{color:var(--ink-soft); margin:0 0 1.6rem;}
.result-desc p{margin:0 0 1rem;}
.result-desc p:last-child{margin-bottom:0;}
.result-tips-heading{
  font-family:'Outfit', system-ui, sans-serif;
  font-weight:700;
  font-size:1.05rem;
  margin:0 0 .9rem;
}
.tips-list li strong{color:var(--ink);}
.result-important{
  color:var(--ink-soft);
  margin:0 0 1.5rem;
}
.result-important p{margin:0 0 .8rem;}
.result-important p:last-child{margin-bottom:0;}
.result-strength{
  color:var(--ink-mute);
  font-size:.9rem;
  margin:0;
  padding-top:1.2rem;
  border-top:1px dashed var(--line);
}
.result-strength strong{color:var(--ink);}

.chart-card{
  background:var(--panel-dark-2);
  border:1px solid var(--line);
  border-radius:16px;
  padding:1.8rem 1.9rem;
}
.chart-card h3{font-size:1.05rem; margin:0 0 1.15rem;}
.bar-row{margin-bottom:1.05rem; display:flex; align-items:center; gap:.8rem;}
.bar-row:last-child{margin-bottom:0;}
.bar-icon{
  width:34px; height:34px; flex:none;
  border-radius:50%;
  background:var(--bg-2-deep);
  display:flex; align-items:center; justify-content:center;
}
.bar-body{flex:1; min-width:0;}
.bar-label{
  display:flex; align-items:center;
  font-family:'Outfit', system-ui, sans-serif;
  font-weight:600;
  font-size:.9rem;
  margin-bottom:.3rem;
}
.bar-label .pct{
  margin-left:auto;
  font-family:ui-monospace, 'SFMono-Regular', Consolas, 'Liberation Mono', monospace;
  font-variant-numeric:tabular-nums;
  font-size:.85rem;
  color:var(--ink-mute);
}
.bar-track{
  height:11px;
  background:var(--panel-dark);
  border-radius:8px;
  overflow:hidden;
}
.bar-fill{
  height:100%;
  width:0%;
  border-radius:8px 4px 4px 8px;
  background:var(--teal-pop);
  transition:width .7s cubic-bezier(.2,.7,.3,1);
}
.bar-row.top .bar-fill{background:var(--accent-pink);}
.bar-row.top .bar-label{color:var(--accent-pink);}

.tips-list{margin:0 0 1.2rem; padding-left:1.2rem; color:var(--ink-soft);}
.tips-list li{margin-bottom:.55rem;}
.tips-list li:last-child{margin-bottom:0;}

.restart-row{display:flex; justify-content:center; margin-top:.2rem;}
button.ghost-restart{
  font-family:'Inter', sans-serif;
  font-weight:700;
  font-size:.9rem;
  color:var(--ink-soft);
  background:none;
  border:1.5px solid var(--line);
  border-radius:10px;
  padding:.7rem 1.3rem;
  cursor:pointer;
}
button.ghost-restart:hover{border-color:var(--accent-orange); color:var(--ink);}
button.ghost-restart:focus-visible{outline:3px solid var(--focus); outline-offset:2px;}

@media (prefers-reduced-motion: reduce){
  .bar-fill, .quiz-next, button.cta, .rc-logo-link, .quiz-back, .quiz-back span{transition:none;}
}