taffybar: restore single css entrypoint loading

dotfiles/config/taffybar/ryzen-shine.css

@@ -3,6 +3,7 @@
 /* Host-specific density tweaks for ryzen-shine. Keep the same visual style,
  * but shrink the bar back down after the upstream sizing change.
  */
+@import url("taffybar.css");
 
 .taffy-box {
 	font-size: 10pt;

dotfiles/config/taffybar/taffybar.css

@@ -4,9 +4,11 @@
 
 /* Widget/layout styling for taffybar.
  *
- * This file is the single CSS entrypoint for the shared bar theme. Supporting
+ * Keep this as the shared CSS entrypoint: GTK's `load_from_path` replaces the
- * stylesheets are pulled in via `@import` so GTK sees one user stylesheet per
+ * previous stylesheet contents, so `cssPaths` must resolve to a single file per
- * host rather than several separately loaded files with fragile precedence.
+ * host. Supporting stylesheets are pulled in via `@import` so GTK sees one
+ * user stylesheet per host rather than several separately loaded files with
+ * fragile precedence.
  */
 
 /* Base typography + foreground color for the bar itself.

dotfiles/config/taffybar/taffybar.hs

@@ -245,6 +245,9 @@ workspaceWindowIconGetter =
 
 -- ** Host Overrides
 
+-- NOTE: Keep `cssPaths` to a single entrypoint file per host. GTK's
+-- `cssProviderLoadFromPath` clears the provider before loading, so handing
+-- Taffybar multiple files here causes only the last file to take effect.
 defaultCssFiles :: [FilePath]
 defaultCssFiles = ["taffybar.css"]