1. background + border colour (paint only, not inherited)

Should recolour instantly, including the border.

2. inherited colour

The nested <b> must change with it.

outer text nested bold more

3. rule reaching a descendant

Hovering anywhere in the card recolours both lines.

Card title
Secondary line

4. a link that wraps

Text before this link is deliberately long enough that it has to wrap onto a second line, and both lines must change colour together when the pointer is on it and text after.

5. ancestor hover

6. hover that changes size (falls back to a re-box)

Expect a short delay before it grows; that is the debounced re-box, not the paint path.

padding grows

7. nothing here is styled on hover

Moving the pointer around in here re-selects the paragraph and finds no change, so nothing repaints and nothing re-boxes. A page whose sheets never mention :hover at all skips even that.

Plain text with a bold word.