CSS Nesting

Each card is styled entirely by nested rules: & .title, an implicit-descendant .body, a compound &.accent, a child > .tag, and a two-level-deep & + .tag — the shape modern utility frameworks emit for browser targets.

Plain card
Title, body, and pill tags all come from selectors nested under .card.
alphabeta
Accent card
This one adds the .accent class, so &.accent tints it blue.
onetwo