Interestingly, if I copy that first character in the table early enough in the page load, it's a hyphen. If I copy it later, it's an en dash. Considering that this article is from 2010, I assume there's some JS added in the last 12 or so years that's autoconverting it.
I guess they respected their own recommendations: "when you're trying to illustrate what a hyphen looks like" was not one of the recommended uses of a hyphen!
I should also note that this whole point seems at best a point for typography geeks. These are three almost identical marks that have very similar uses. I am completely convinced that no one has ever disambiguated a phrase by noticing that something is a hyphen and not an en-dash or vice-versa.
And also because this article uses an en dash in the table in place of a hyphen.