.sample-confidence{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:28px;
  align-items:center;
  margin:-4px 0 20px;
  padding:18px 20px;
  border:1px solid var(--line);
  border-radius:13px;
  background:#0c0f15;
}
.sample-confidence-copy{display:grid;grid-template-columns:auto 1fr;gap:13px;align-items:start}
.sample-confidence-copy>span{
  padding:5px 8px;
  border:1px solid #ffbf47;
  border-radius:99px;
  color:#ffbf47;
  font-size:.68rem;
  font-weight:950;
  white-space:nowrap;
}
.sample-confidence-copy strong{display:block;font-size:.9rem}
.sample-confidence-copy p{margin:3px 0 0;color:var(--muted);font-size:.75rem}
.sample-confidence-progress>div:first-child{display:flex;justify-content:space-between;align-items:baseline}
.sample-confidence-progress b{font-size:1.05rem}
.sample-confidence-progress span{color:var(--muted);font-size:.68rem}
.sample-confidence-track{
  position:relative;
  height:7px;
  margin:10px 7px 17px 0;
  border-radius:99px;
  background:#05070a;
}
.sample-confidence-track i{
  display:block;
  height:100%;
  min-width:2px;
  border-radius:inherit;
  background:linear-gradient(90deg,var(--pink),var(--lime));
}
.sample-confidence-track em{
  position:absolute;
  top:10px;
  color:#6f7785;
  font-size:.58rem;
  font-style:normal;
  transform:translateX(-50%);
}
.sample-confidence.is-formal .sample-confidence-copy>span{border-color:var(--lime);color:var(--lime)}
.score-card{position:relative}
.score-card.is-sample-limited small{
  position:absolute;
  top:10px;
  right:10px;
  padding:2px 6px;
  border:1px solid rgba(255,191,71,.45);
  border-radius:99px;
  color:#ffbf47;
  font-size:.56rem;
  font-weight:900;
}
@media(max-width:760px){
  .sample-confidence{grid-template-columns:1fr;gap:15px;padding:16px}
  .sample-confidence-copy{grid-template-columns:1fr}
  .sample-confidence-copy>span{justify-self:start}
}