.assessment-shell {
  max-width:820px;
  margin:auto
}
.progress-wrap {
  margin:1rem 0 2rem
}
.progress-label {
  display:flex;
  justify-content:space-between;
  font-size:.9rem;
  color:var(--slate);
  margin-bottom:.4rem
}
.progress {
  height:10px;
  background:#dde5e6;
  border-radius:999px;
  overflow:hidden
}
.progress>span {
  display:block;
  height:100%;
  width:0;
  background:var(--gold);
  transition:width .2s ease
}
.question-card {
  background:#fff;
  border:1px solid var(--line);
  border-radius:14px;
  padding:1.6rem
}
.question-card fieldset {
  border:0;
  padding:0;
  margin:0
}
.question-card legend {
  font-family:Georgia,serif;
  font-size:1.45rem;
  line-height:1.3;
  color:var(--navy);
  margin-bottom:1.1rem
}
.choice {
  display:flex;
  align-items:flex-start;
  gap:.7rem;
  padding:.82rem .9rem;
  border:1px solid var(--line);
  border-radius:8px;
  margin:.65rem 0;
  background:#fbfcfc;
  cursor:pointer
}
.choice:hover {
  border-color:#97a8b1
}
.choice input {
  margin-top:.22rem
}
.assessment-actions {
  display:flex;
  justify-content:space-between;
  gap:.8rem;
  margin-top:1rem
}
.score-hero {
  text-align:center;
  padding:1rem 0 1.8rem
}
.score-number {
  font-family:Georgia,serif;
  font-size:4.4rem;
  line-height:1;
  color:var(--navy)
}
.score-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1rem
}
.score-card {
  background:#fff;
  border:1px solid var(--line);
  border-radius:10px;
  padding:1.1rem
}
.score-card header {
  display:flex;
  justify-content:space-between;
  gap:1rem
}
.meter {
  height:8px;
  background:#e2e8e9;
  border-radius:99px;
  overflow:hidden;
  margin:.7rem 0
}
.meter span {
  display:block;
  height:100%;
  background:var(--green)
}
.recommendations {
  margin-top:2rem
}
.recommendations .card {
  margin-bottom:1rem
}
.lead-gate {
  margin-top:2rem;
  background:#eef2f2;
  padding:1.3rem;
  border-radius:12px
}
.lead-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1rem
}

@media(max-width:650px) {
  .score-grid,.lead-grid {
    grid-template-columns:1fr
  }
  .assessment-actions {
    flex-direction:column-reverse
  }
  .assessment-actions .btn {
    width:100%
  }
}