-
@shadeed9 Rather than overrides and all in one file, have you considered loading the relevant CSS dynamically and having a shared base CSS?
<link rel="stylesheet" href="mobile.css" media="(max-width: 500px)" /> -
@shadeed9 See web.dev/prefers-color-scheme/#loading-strategy for how I do this for
prefers-color-scheme, but you can use any media query for this approach.