fix: explictly set global on breadcrumb styles

Author: colbywhite

src/components/overrides/PageTitle.astro

@@ -121,26 +121,25 @@ if (!hideBreadcrumbs) {
 <style>
 	:root {
 		--color-link-breadcrumbs: var(--sl-color-text-accent);
+	}
 
-		.c-breadcrumbs {
-			--spacing-vertical-separator-breadcrumbs: 0.625rem;
-
-			padding: 0.5rem 0;
+	:global(.c-breadcrumbs) {
+		--spacing-vertical-separator-breadcrumbs: 0.625rem;
+		padding: 0.5rem 0;
+	}
 
-			.c-breadcrumbs__link {
-				font-size: 0.75rem;
-				line-height: 1.25rem;
-				font-weight: 600;
-			}
+	:global(.c-breadcrumbs__link) {
+		font-size: 0.75rem;
+		line-height: 1.25rem;
+		font-weight: 600;
+	}
 
-			.c-breadcrumbs__separator {
-				color: var(--color-cl1-brand-orange);
-			}
+	:global(.c-breadcrumbs__separator) {
+		color: var(--color-cl1-brand-orange);
+	}
 
-			.c-breadcrumbs__truncated-button {
-				color: var(--color-cl1-brand-orange);
-			}
-		}
+	:global(.c-breadcrumbs__truncated-button) {
+		color: var(--color-cl1-brand-orange);
 	}
 </style>