Web Awesome ships a native.css layer that styles your actual HTML—headings, tables, forms, not just custom elements. Styles live in their own layer, so your CSS wins. Delete your !important declarations.
Still on Shoelace? https://blog.fontawesome.com/how-does-web-awesome-stack-up-against-shoelace/
Also posted to Bluesky.