This plugin is for developers building child themes on the Genesis Framework. It adds a dynamic CSS class to the HTML body element, enabling precise control over page styling based on whether the visitor's browser has JavaScript enabled or disabled.

• Dynamic body class: The plugin initially adds a no-js class to the body tag. A tiny inline script runs immediately to change this class to js if JavaScript is active. This provides a reliable hook for CSS.
• Targeted styling: Developers can write CSS selectors like .js .menu-item or .no-js .menu-item to show, hide, or style elements conditionally. This is useful for managing interactive components that require JavaScript.
• Prevents style flashes: The script executes at the very top of the page, minimizing any visible flicker as styles switch from the no-JavaScript state to the JavaScript-enabled state.
• Zero configuration: Once installed and activated, the plugin works automatically. There are no settings pages or options to configure.
• Framework-specific integration: It uses the genesis_before hook, ensuring compatibility and proper execution timing within the Genesis theme structure.