:root{
  /* podés ajustar estos colores si querés */
  --score-green: #0a7f63;   /* verde del número y “Bien” */
  --score-gray:  #7a8aa0;   /* gris “/10” y texto secundario */
  --score-blue:  #1b4c9c;   /* link comentarios */
  --score-border:#dfe7f2;   /* borde de la tarjeta */
}

.score-card{
  background:#fff;
  border:1px solid var(--score-border);
  border-radius:12px;
  padding:14px 16px;
  width: 200px;             /* ajusta si necesitás más/menos ancho */
  box-shadow: 0 0 0 1px rgba(255,255,255,.6) inset;
}

.score-card__row{
  display:flex;
  align-items:flex-start;
  gap:10px;
}

.score-card__icon{
  font-size:22px;           /* tamaño del pulgar */
  line-height:1;
  margin-top:2px;
}

.score-card__label{
  font-size:15px;
  font-weight:700;
  color: var(--score-green);
  margin-bottom:2px;
}

.score-card__score{
  display:flex;
  align-items:baseline;
  gap:6px;
  margin-top:2px;
  margin-bottom:6px;
}

.score-card__value{
  font-size:36px;           /* número grande */
  font-weight:900;
  color: var(--score-green);
  line-height:1;
  letter-spacing:.5px;
}

.score-card__denom{
  font-size:14px;
  color: var(--score-gray);
  font-weight:600;
}

.score-card__link{
  font-size:13px;
  color: var(--score-blue);
  text-decoration: underline;
  font-weight:600;
}