Is there some convention i'm not following or a setting i can enable to disable this multiple import?

?????? what

why aren't style sheets removed when navigating away from a page??

the overridden style comes from the exercise page i visited

The styling shouldn't be getting overriden tho. Modules should work exactly the same way as normal css does

The innermost element would still override the property defined by whatever is above it.

Thats just how css works

yes and that makes sense since in the component you are in, you expect the latest css import to be the topmost one, but apparently if you visit another page, the styling of the old page is still retained? i don't understand why this should be

or at least that seems what is happening here

I dont seem to be understanding the issue you're facing ig.
If only a part of the page is changing, the parts that are still visible and higher in hierarchy would still remain the same

look at the css classes applied to that button i highlighted in the video, and also look at the border left of the button being straight, when i navigate to the exercises page (esercizi) and then come back to the previous page, there are more classes applied to that button, and they overridden the previous style of the component, and now the border is rounded