Children Test

child: teal bg, hover

child - teal & hover. sibling - red.

I have a dark background, overriding both sibling and child

child: teal bg, hover

child.bg-teal-800: dark bg, hover

child.not-child-p: no bg, no hover

div: no bg, no hover

nested: no bg, no hover

heir: teal bg, hover

heir.bg-teal-800: dark bg, hover

heir.not-heir-p: no bg, no hover

div: no bg, no hover

original twin: teal bg, hover

twin: teal bg, hover

twin.bg-teal-800: dark bg, hover

twin.not-twin-p: no bg, no hover

div: no bg, no hover