fix: break long paths at their separators

website/src/components/PageTitle.astro

@@ -8,6 +8,10 @@
 // gets its initials in the same square, as its tile does (sitemarkup.py
 // platform_tiles).
 //
+// Each crumb's label sits in a span: the item keeps its "/" (retrobios.css,
+// `li { white-space: nowrap }`) and only the label wraps, so a long label
+// never leaves the separator alone at the start of a line.
+//
 // The crumbs and the title stay out of the search index: every excerpt
 // began with the title and the crumbs matched "bios" on every page. The
 // title still names the result, as the page's title field.
@@ -53,7 +57,7 @@ const setup = !logoSrc && setups.find((entry) => id === `platforms/${entry.platf
 		<nav class="rb-breadcrumbs" aria-label="Breadcrumb" data-pagefind-ignore>
 			<ol>
 				{crumbs.map((crumb) => (
-					<li>{crumb.href ? <a href={crumb.href}>{crumb.label}</a> : crumb.label}</li>
+					<li>{crumb.href ? <a href={crumb.href}><span>{crumb.label}</span></a> : <span>{crumb.label}</span>}</li>
 				))}
 			</ol>
 		</nav>