site: 4/3-column layout on all grid pages — bundle details, sources, search, tags, categories join in

src/pages/bundles/[...slug].astro

@@ -68,6 +68,7 @@ const breadcrumbs = buildBreadcrumbs([
   publishedTime={post.data.date}
   articleTags={post.data.tags}
   jsonLd={[articleSchema, itemList, breadcrumbs]}
+  wide
 >
   <article>
     <div class="body">

src/pages/categories/[category].astro

@@ -60,6 +60,7 @@ const breadcrumbs = buildBreadcrumbs([
   lastUpdated={lastUpdated}
   ogImage={ogImage}
   jsonLd={[collectionPage, itemList, breadcrumbs]}
+  wide
 >
   <EntryGrid entries={entries} />
   <p class="back"><a href="/">← back</a></p>

src/pages/search.astro

@@ -7,6 +7,7 @@ import BaseLayout from '../layouts/BaseLayout.astro';
   description="Search reviews, finds, bundles, and posts across Unique."
   subheader="Search"
   noindex
+  wide
 >
   <form class="search-form" role="search" autocomplete="off">
     <input
@@ -91,7 +92,8 @@ import BaseLayout from '../layouts/BaseLayout.astro';
       const w = window.innerWidth;
       if (w <= 520) return 1;
       if (w <= 880) return 2;
-      return 3;
+      // Mirrors Masonry.astro: 4 columns in the wide (55.5rem) container.
+      return window.matchMedia('(min-width: 69rem)').matches ? 4 : 3;
     }
 
     function tileHtml(entry: Entry): string {

src/pages/sources.astro

@@ -100,6 +100,7 @@ const breadcrumbs = buildBreadcrumbs([
   lastUpdated={lastUpdated}
   ogImage={ogImage}
   jsonLd={[collectionPage, itemList, breadcrumbs]}
+  wide
 >
   <Masonry>
     {

src/pages/tags/[tag].astro

@@ -60,6 +60,7 @@ const breadcrumbs = buildBreadcrumbs([
   lastUpdated={lastUpdated}
   ogImage={ogImage}
   jsonLd={[collectionPage, itemList, breadcrumbs]}
+  wide
 >
   <EntryGrid entries={entries} />
   <p class="back"><a href="/">← back</a></p>