How do you style based on parent state using Tailwind?

Use group on parent and group-* variants on children.

Example: parent group, child group-hover:text-cyan-700.