Issue with Global CSS Setup in Clonable Affecting Webflow Classes

Guys, calling out an issue with the global css set up on the clonable. In this case, I am calling out the inheritances set up on certain webflow css classes that get in the way of being able to work with the classes of certain components. Now, for example, I am trying to edit the nav link classes on a nav component and color, font and text decoration becomes impossible to style via the class or the All links directive because if the attached css. So I just wonder, what's the point of having this if the classes won't supersede (obviously) because the classes specified in the image get appended to elements after the ones set by us i.e: navbar8_link w-nav-link Do tell me if I am missing something here. This is from a freshly cloned style guide/site