The correct answer of course is that the Submit button should be the primary CTA for the form, and it should be styled in a way to make that abundantly clear to the user. The Reset button (which I haven't seen on a modern form in years), if necessary, would be a secondary action and styled as a standard link, ideally beneath the Submit button (and it would require user confirmation).

You could move the data into a data attribute, and then use "content: attr(data-td)" for example.

Doesn't that take the problem back to the spot where we have the header repeated for each cell? In a data attribute instead of a span, which may be cleaner, but still:

https://codepen.io/andrelaszlo/pen/xoxmdg

Is there a way to only define the header label once and refer to them depending on the cell using only CSS?

you may use html template engine

Thank you. I read the article in some detail, I didn't read the author's name. The author's gender is not evident from the text of the item.

For what it's worth, I found your comment somewhat snarky.

"... and about dispatching her daughter to the Coin Cafe A.T.M. at the 11th hour."

I agree about the snarkiness though.

True enough - by that stage I'd given up reading word by word and was skimming, so I missed it - well spotted.