Category Specific Styling Question

Hey everyone, was hoping I could get some help with an issue I’ve been having. I’m currently styling my Discourse instance with one set of default styles and one specialty set of styling for a specific category (let’s call it “Training”). I’m doing this by hiding/showing elements based on the class of category-training being present or not on the body tag. The styling works perfectly, outside of a specific instance.

When clicking between the nav-pills of the category (“Latest”, “Top”, etc) Discourse removes the category-training class and reapplies it when the page is finished loading. This causes the default styles to flash on the screen for a second before applying the category-training based styles again. Is there an easy way to remedy this issue? Any help would be greatly appreciated