fix: Viewer not overriding default styles with host-set theme

Added [Tailwind's `@layer` directive](https://tailwindcss.com/docs/adding-custom-styles#using-css-and-layer) to fix specificity overruling

tailwind.css

@@ -2,26 +2,32 @@
 @tailwind components;
 @tailwind utilities;
 
-.res-media {
+@layer base {}
-	@apply border-l-4 rounded max-h-half-port;
+
-}
+@layer components {
+	.res-media {
+		@apply border-l-4 rounded max-h-half-port;
+	}
+
+	.link {
+		@apply no-underline hover_no-underline active_no-underline visited_no-underline
+
+			/* regular, visited */
+			text-primary visited_text-primary
+			border-b-2 visited_border-b-2
+			border-transparent visited_border-transparent
+			rounded-sm visited_rounded-sm
 
-.link {
+			/* hover */
-	@apply no-underline hover_no-underline active_no-underline visited_no-underline
+			hover_text-link-hover
-	
+			hover_border-hover
-		/* regular, visited */
+
-		text-primary visited_text-primary
+			/* active */
-		border-b-2 visited_border-b-2
+			active_text-link-active
-		border-transparent visited_border-transparent
+
-		rounded-sm visited_rounded-sm
+			/* transitions */
-	
+			ease-linear duration-150 transition-all;
-		/* hover */
+	}
-		hover_text-link-hover
-		hover_border-hover
-
-		/* active */
-		active_text-link-active
-		
-		/* transitions */
-		ease-linear duration-150 transition-all;
 }
+
+@layer utilities {}