Coming to that project with fresh eyes (both, when someone else had written it or I’d written it six months ago), I’d know immediately what to do to make a change confidently in the left picture, and I’d be dreading trying to piece together what rules exactly apply to DOM components after untangling specificity hell.

The left picture has everything I need in that screenshot, the right picture would require me to work out how specificity rules cascade down to each DOM component to even start thinking about what to edit.

This is a great showcase of why people ought to choose tailwind if they value their time and just want to get on with things in the real world.