Semantic landmarks

Content is grouped with header, main, section, article, and footer to improve readability and accessibility.

Block: feature-card

Consistent naming

Classes follow block__element and block--modifier patterns for maintainable styling.

Element: feature-card__title

Scalable styles

Modifiers like feature-card--highlighted make variants predictable as the interface grows.

Modifier: feature-card--highlighted