Checklist:
- Blocks are descriptive and independent of other class names.
- Elements are semantically tied to a block.
- Neither elements nor modifiers are “nested.”
- In the CSS, block and element classes are defined independently.
- Modifiers are only used for variation/flag purposes.
- In the HTML, modifiers are only used alongside the original classes that they modify.