Html Tailwind Guideline: Interactivity — Group and Peer. Description: Style based on parent/sibling state. Do: group-hover peer-checked. Don't: JS for simple state interactions. Good Example: group-hover:text-blue-500. Bad Example: onMouseEnter={() => setHover(true)}. Severity: Low. Docs: https://tailwindcss.com/docs/hover-focus-and-other-states#styling-based-on-parent-state.