diff --git a/app/movies/popular/page.test.ts b/app/movies/popular/page.test.ts
index 639f872..a41e4a3 100644
--- a/app/movies/popular/page.test.ts
+++ b/app/movies/popular/page.test.ts
@@ -20,6 +20,15 @@ vi.mock("@/lib/tmdb", async () => {
 });
 
 const { TmdbError } = await import("@/lib/tmdb/errors");
+
+/** A TMDB list page with no titles, as the metadata reads only its counts. */
+const tmdbPage = (totalPages: number) => ({
+  page: 1,
+  results: [],
+  totalPages,
+  totalResults: totalPages * 20,
+});
+
 const { generateMetadata } = await import("./page");
 
 const ORIGIN = "https://bestats.example";
@@ -41,7 +50,7 @@ afterEach(() => {
 
 describe("the popular movies list's metadata (spec 0021, AC-15)", () => {
   it("declares /movies/popular as the canonical of page 1, with the site card", async () => {
-    discoverMovies.mockResolvedValue({ totalPages: 50 });
+    discoverMovies.mockResolvedValue(tmdbPage(50));
 
     const metadata = await metadataFor();
 
@@ -58,7 +67,7 @@ describe("the popular movies list's metadata (spec 0021, AC-15)", () => {
   });
 
   it("gives page N its own canonical", async () => {
-    discoverMovies.mockResolvedValue({ totalPages: 50 });
+    discoverMovies.mockResolvedValue(tmdbPage(50));
 
     const metadata = await metadataFor("2");
 
@@ -69,20 +78,21 @@ describe("the popular movies list's metadata (spec 0021, AC-15)", () => {
   });
 
   it("indexes the last page itself", async () => {
-    discoverMovies.mockResolvedValue({ totalPages: 7 });
+    // 7 TMDB pages hold 140 titles, 6 pages of 24 (spec 0022, AC-21).
+    discoverMovies.mockResolvedValue(tmdbPage(7));
 
-    const metadata = await metadataFor("7");
+    const metadata = await metadataFor("6");
 
     expect(metadata.robots).toBeUndefined();
     expect(metadata.alternates?.canonical).toBe(
-      `${ORIGIN}/movies/popular?page=7`,
+      `${ORIGIN}/movies/popular?page=6`,
     );
   });
 
   it("is noindex with no canonical for a page past the last one", async () => {
-    discoverMovies.mockResolvedValue({ totalPages: 7 });
+    discoverMovies.mockResolvedValue(tmdbPage(7));
 
-    const metadata = await metadataFor("8");
+    const metadata = await metadataFor("7");
 
     expect(metadata).toEqual({
       title: TITLE,
diff --git a/app/shows/top-rated/page.test.ts b/app/shows/top-rated/page.test.ts
index 3ac4433..f25a04e 100644
--- a/app/shows/top-rated/page.test.ts
+++ b/app/shows/top-rated/page.test.ts
@@ -27,6 +27,14 @@ function metadataFor(page?: string) {
   } as Parameters<typeof generateMetadata>[0]);
 }
 
+/** A TMDB list page with no titles, as the metadata reads only its counts. */
+const tmdbPage = (totalPages: number) => ({
+  page: 1,
+  results: [],
+  totalPages,
+  totalResults: totalPages * 20,
+});
+
 beforeEach(() => vi.stubEnv("NEXT_PUBLIC_SITE_URL", ORIGIN));
 
 afterEach(() => {
@@ -36,7 +44,7 @@ afterEach(() => {
 
 describe("the top rated shows list's metadata", () => {
   it("reads the top_rated list and names the page by its h1 and note", async () => {
-    getTvList.mockResolvedValue({ totalPages: 100 });
+    getTvList.mockResolvedValue(tmdbPage(100));
 
     const metadata = await metadataFor();
 
@@ -49,7 +57,7 @@ describe("the top rated shows list's metadata", () => {
   });
 
   it("gives page 2 its own canonical", async () => {
-    getTvList.mockResolvedValue({ totalPages: 100 });
+    getTvList.mockResolvedValue(tmdbPage(100));
 
     const metadata = await metadataFor("2");
 
@@ -59,7 +67,7 @@ describe("the top rated shows list's metadata", () => {
   });
 
   it("is noindex past the last page", async () => {
-    getTvList.mockResolvedValue({ totalPages: 100 });
+    getTvList.mockResolvedValue(tmdbPage(100));
 
     const metadata = await metadataFor("999");
 
diff --git a/components/AGENTS.md b/components/AGENTS.md
index 9455b8a..3dc4298 100644
--- a/components/AGENTS.md
+++ b/components/AGENTS.md
@@ -34,7 +34,7 @@ All values live in `app/globals.css`, split across four blocks: `@theme inline`
 - **The page background** (`layout/page-background.tsx`, rendered first in `<body>` by the root layout) is fixed at `-z-10`, `aria-hidden` and `pointer-events-none`; its teal gradient (`page-gradient`) and vignette (`page-vignette`) are in the prerendered HTML and are the first paint. `PageBackgroundCanvas` imports `lib/film-scene/start.ts` when the browser is idle, which draws the film strips and bokeh with hand written WebGL2 (no Three.js) in a worker through `OffscreenCanvas`, or on the main thread where a worker cannot draw. Every colour it uses is read from `globals.css` tokens at mount. It stops in a hidden tab, draws one still frame under reduced motion, and falls back to the gradient and vignette alone without WebGL2 or after a lost context. Every fragment is capped so `text-muted-foreground` keeps 4.5:1 over its brightest pixel, read from that token at mount. Nothing in the shell may paint an opaque full page background over it.
 - **A dead end is a bug.** `StatePanel`'s `error` and `signed-out` variants cannot render without an action. The discriminated union makes it a type error and the component throws if the type is bypassed.
 - **Touch targets** are 44px on mobile and 36px on desktop, the `touch` and `sm` sizes in `buttonVariants`. A control drawn smaller than 44px on mobile carries `hit-area` instead (root AGENTS.md section 3). One accepted exception: the footer's `kris1027` credit link has a 36px tap area, because 44px would mean taking taps from the legal links above it or widening the gap and moving the line.
-- Posters render through `next/image` with `fill` inside `aspect-[2/3]`, using the `sizes` of the `PosterGrid` preset it sits in. `catalog` (every title grid) steps 2, 3, 4, 5 and 6 columns so a card stays near the home row card's 180px; `wide` (the season grid only) keeps 2 and 4 (spec 0022). Each preset's columns, `POSTER_GRID_SIZES` and `POSTER_GRID_EAGER` in `poster-grid.tsx` change together, and `poster-grid.test.tsx` recomputes the sizes. `POSTER_SIZES` in `poster-card.tsx` is the `catalog` value. The grid is capped at 1200px and centred.
+- Posters render through `next/image` with `fill` inside `aspect-[2/3]`, using the `sizes` of the `PosterGrid` preset it sits in. `catalog` (every title grid) steps 2, 3, 4 and 6 columns (no 5, so the 24 title page, `GRID_PAGE_SIZE` in `lib/catalog/grid-page.ts`, fills every row) and a wide screen card stays near the home row card's 180px; `wide` (the season grid only) keeps 2 and 4 (spec 0022). Each preset's columns, `POSTER_GRID_SIZES` and `POSTER_GRID_EAGER` in `poster-grid.tsx` change together, and `poster-grid.test.tsx` recomputes the sizes. `POSTER_SIZES` in `poster-card.tsx` is the `catalog` value. The grid is capped at 1200px and centred.
 - A missing poster renders the fallback tile at an identical footprint, so the grid never shifts. Never invent a placeholder image or placeholder metadata.
 
 ## Layout
diff --git a/components/catalog/catalog-list-page.test.tsx b/components/catalog/catalog-list-page.test.tsx
index 58a2bed..ac44248 100644
--- a/components/catalog/catalog-list-page.test.tsx
+++ b/components/catalog/catalog-list-page.test.tsx
@@ -21,7 +21,7 @@ vi.mock("@/lib/tmdb", async () => ({
   TmdbError: (await import("@/lib/tmdb/errors")).TmdbError,
 }));
 vi.mock("@/lib/catalog-list-read", () => ({
-  readTaggedCatalogList: (...args: unknown[]) => read(...args),
+  readTaggedCatalogGridPage: (...args: unknown[]) => read(...args),
 }));
 vi.mock("@/components/catalog/list-cards", () => ({
   ShowListCard: (props: {
@@ -162,17 +162,17 @@ describe("the list page header (AC-9)", () => {
 
 describe("the list page grid (AC-4, AC-9)", () => {
   it("reads the page from the URL and shows one card per title", async () => {
-    read.mockResolvedValue(tvPage(20, 30));
+    read.mockResolvedValue(tvPage(24, 30));
 
     await renderGrid(TOP_RATED, { page: "2" });
 
     expect(read).toHaveBeenCalledWith(TOP_RATED, 2);
     const grid = screen.getByRole("list", { name: "Top rated shows, page 2" });
-    expect(within(grid).getAllByRole("listitem")).toHaveLength(20);
+    expect(within(grid).getAllByRole("listitem")).toHaveLength(24);
   });
 
   it("reads page 1 when the URL has no page", async () => {
-    read.mockResolvedValue(tvPage(20, 30));
+    read.mockResolvedValue(tvPage(24, 30));
 
     await renderGrid();
 
@@ -232,7 +232,7 @@ describe("the list page grid (AC-4, AC-9)", () => {
   });
 
   it("pages with Page N of M, page 1 as the bare path", async () => {
-    read.mockResolvedValue(tvPage(20, 30));
+    read.mockResolvedValue(tvPage(24, 30));
 
     await renderGrid(TOP_RATED, { page: "2" });
 
@@ -248,12 +248,12 @@ describe("the list page grid (AC-4, AC-9)", () => {
     );
   });
 
-  it("caps the last page at TMDB's 500", async () => {
-    read.mockResolvedValue(tvPage(20, 900));
+  it("ends at the grid's own last page under TMDB's cap", async () => {
+    read.mockResolvedValue(tvPage(16, 417));
 
-    await renderGrid(TOP_RATED, { page: "500" });
+    await renderGrid(TOP_RATED, { page: "417" });
 
-    expect(screen.getByText("Page 500 of 500")).toBeInTheDocument();
+    expect(screen.getByText("Page 417 of 417")).toBeInTheDocument();
     expect(
       screen.queryByRole("link", { name: "Next" }),
     ).not.toBeInTheDocument();
@@ -338,13 +338,13 @@ describe("the list page states (AC-10)", () => {
     expect(screen.queryByRole("list")).not.toBeInTheDocument();
   });
 
-  it("holds the grid's place with 20 card skeletons and the pagination skeleton", () => {
+  it("holds the grid's place with 24 card skeletons and the pagination skeleton", () => {
     const fallback = gridBoundary().props.fallback as Element;
 
     const { container } = render(fallback);
 
     const grid = container.querySelector('[aria-hidden="true"]');
-    expect(grid?.querySelectorAll("li")).toHaveLength(20);
+    expect(grid?.querySelectorAll("li")).toHaveLength(24);
     expect(screen.queryByRole("list")).not.toBeInTheDocument();
   });
 });
diff --git a/components/catalog/catalog-list-page.tsx b/components/catalog/catalog-list-page.tsx
index e15992e..9ee7700 100644
--- a/components/catalog/catalog-list-page.tsx
+++ b/components/catalog/catalog-list-page.tsx
@@ -9,18 +9,16 @@ import { RetryLink } from "@/components/retry-link";
 import { PaginationSkeleton, PosterCardSkeleton } from "@/components/skeleton";
 import { StatePanel } from "@/components/state-panel";
 import { ButtonLink } from "@/components/ui/button";
+import { GRID_PAGE_SIZE } from "@/lib/catalog/grid-page";
 import { type CatalogList, listPageHref, listPath } from "@/lib/catalog/lists";
 import { CATALOG_PATHS } from "@/lib/catalog/media-type";
-import { lastReachablePage, parsePageParam } from "@/lib/catalog/pages";
+import { parsePageParam } from "@/lib/catalog/pages";
 import {
-  readTaggedCatalogList,
+  readTaggedCatalogGridPage,
   type TaggedCatalogPage,
 } from "@/lib/catalog-list-read";
 import { TmdbError } from "@/lib/tmdb";
 
-/** TMDB's list page size, which the skeleton mirrors. */
-const PAGE_SIZE = 20;
-
 const LANDING_LABELS = { tv: "Shows", movie: "Movies" } as const;
 
 type SearchParams = Promise<Record<string, string | string[] | undefined>>;
@@ -81,7 +79,7 @@ async function ListGrid({
 
   let result: TaggedCatalogPage;
   try {
-    result = await readTaggedCatalogList(list, page);
+    result = await readTaggedCatalogGridPage(list, page);
   } catch (error) {
     if (!(error instanceof TmdbError)) throw error;
     return (
@@ -108,7 +106,7 @@ async function ListGrid({
     );
   }
 
-  const lastPage = lastReachablePage(result.paged.totalPages);
+  const lastPage = result.paged.totalPages;
   if (page > lastPage) return <NoSuchPage list={list} />;
 
   return (
@@ -148,7 +146,7 @@ function ListGridSkeleton() {
   return (
     <div className="flex flex-col gap-10">
       <PosterGrid aria-hidden="true">
-        {Array.from({ length: PAGE_SIZE }, (_, index) => (
+        {Array.from({ length: GRID_PAGE_SIZE }, (_, index) => (
           // biome-ignore lint/suspicious/noArrayIndexKey: static placeholders with no identity.
           <li key={index}>
             <PosterCardSkeleton />
diff --git a/components/library/library-panels.tsx b/components/library/library-panels.tsx
index 7477378..ead43bf 100644
--- a/components/library/library-panels.tsx
+++ b/components/library/library-panels.tsx
@@ -251,12 +251,15 @@ export function LibrarySkeleton() {
   );
 }
 
-/** Each card's visibility in that row: one more card at each column step. */
+/**
+ * Each card's visibility in that row, matching the grid's 2, 3, 4 and 6
+ * column steps (spec 0022, AC-6): the last two appear together at `xl`.
+ */
 const ROW_CARD_VISIBILITY = [
   "",
   "",
   "hidden sm:block",
   "hidden md:block",
-  "hidden lg:block",
+  "hidden xl:block",
   "hidden xl:block",
 ];
diff --git a/components/library/library-section.test.tsx b/components/library/library-section.test.tsx
index c360ec6..c760d8b 100644
--- a/components/library/library-section.test.tsx
+++ b/components/library/library-section.test.tsx
@@ -191,7 +191,7 @@ describe("the reads each tab makes (AC-15, AC-16)", () => {
   it("redirects a page past the end to the last page", async () => {
     getShowLibraryTab.mockResolvedValue(
       tab([{ page: "watched", showId: 1, title: TITLE, label: "finished" }], {
-        total: 21,
+        total: 25,
       }),
     );
     await expect(
diff --git a/components/poster-grid.test.tsx b/components/poster-grid.test.tsx
index 5da42a5..c4fe4d7 100644
--- a/components/poster-grid.test.tsx
+++ b/components/poster-grid.test.tsx
@@ -8,9 +8,10 @@ import {
   PosterGrid,
   type PosterGridColumns,
 } from "@/components/poster-grid";
+import { GRID_PAGE_SIZE } from "@/lib/catalog/grid-page";
 
 /**
- * covers: spec 0004 AC-9, AC-8; spec 0022 AC-1, AC-3, AC-4, AC-5
+ * covers: spec 0004 AC-9, AC-8; spec 0022 AC-1, AC-3, AC-4, AC-5, AC-22
  *
  * The grid's own comment names the failure this file is here to prevent: the
  * column counts and their image `sizes` live side by side in
@@ -35,7 +36,6 @@ const COLUMNS_AT: Record<
 > = {
   catalog: [
     { minWidth: 1280, columns: 6 },
-    { minWidth: 1024, columns: 5 },
     { minWidth: 768, columns: 4 },
     { minWidth: 640, columns: 3 },
     { minWidth: null, columns: 2 },
@@ -140,14 +140,19 @@ describe("PosterGrid", () => {
       "grid-cols-2",
       "sm:grid-cols-3",
       "md:grid-cols-4",
-      "lg:grid-cols-5",
       "xl:grid-cols-6",
       "max-w-[1200px]",
       "mx-auto",
       "gap-x-4",
       "gap-y-6",
     );
-    expect(grid.className).not.toMatch(/2xl:grid-cols-/);
+    expect(grid.className).not.toMatch(/(?:lg|2xl):grid-cols-/);
+  });
+
+  it("divides the 24 title page at every column step (spec 0022, AC-22)", () => {
+    for (const { columns } of COLUMNS_AT.catalog) {
+      expect(GRID_PAGE_SIZE % columns).toBe(0);
+    }
   });
 
   it("keeps the wide preset at today's 2 and 4 columns", () => {
diff --git a/components/poster-grid.tsx b/components/poster-grid.tsx
index b939d7e..81b5aa3 100644
--- a/components/poster-grid.tsx
+++ b/components/poster-grid.tsx
@@ -13,8 +13,7 @@ type PosterGridColumns = "catalog" | "wide";
  * every one of them.
  */
 const COLUMN_CLASSES: Record<PosterGridColumns, string> = {
-  catalog:
-    "grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 xl:grid-cols-6",
+  catalog: "grid-cols-2 sm:grid-cols-3 md:grid-cols-4 xl:grid-cols-6",
   wide: "grid-cols-2 md:grid-cols-4",
 };
 
@@ -27,7 +26,7 @@ const COLUMN_CLASSES: Record<PosterGridColumns, string> = {
  */
 const POSTER_GRID_SIZES: Record<PosterGridColumns, string> = {
   catalog:
-    "(min-width: 1280px) 187px, (min-width: 1232px) 228px, (min-width: 1024px) 20vw, (min-width: 768px) 25vw, (min-width: 640px) 33vw, 50vw",
+    "(min-width: 1280px) 187px, (min-width: 1232px) 288px, (min-width: 768px) 25vw, (min-width: 640px) 33vw, 50vw",
   wide: "(min-width: 1232px) 288px, (min-width: 768px) 25vw, 50vw",
 };
 
@@ -43,12 +42,13 @@ const POSTER_GRID_EAGER: Record<PosterGridColumns, number> = {
 /**
  * The poster grid, mobile first (spec 0004, AC-9, amended by spec 0022).
  *
- * `catalog` steps 2, 3 (`sm`), 4 (`md`), 5 (`lg`) and 6 (`xl`) columns, so a
- * grid card stays close to the home row card's 180px; a 20 title page leaves a
- * short last row at 3, 5 and 6 columns, accepted in spec 0022. `wide` keeps 2
- * and 4 for the season grid. The columns, `POSTER_GRID_SIZES` and
- * `POSTER_GRID_EAGER` change together; a card in the grid passes the preset's
- * sizes.
+ * `catalog` steps 2, 3 (`sm`), 4 (`md`, and still at `lg`) and 6 (`xl`)
+ * columns, so a wide screen card stays close to the home row card's 180px.
+ * Every step divides the 24 title page (`GRID_PAGE_SIZE`), so a full page
+ * fills every row at every width; there is deliberately no 5 column step
+ * (spec 0022, AC-1, AC-22). `wide` keeps 2 and 4 for the season grid. The
+ * columns, `POSTER_GRID_SIZES` and `POSTER_GRID_EAGER` change together; a
+ * card in the grid passes the preset's sizes.
  *
  * The 1200px cap keeps a full page a sensible length on a wide screen; past
  * the cap the grid is centred on every page, under the centred pagination.
diff --git a/components/search/search-results.tsx b/components/search/search-results.tsx
index c4dfe1a..efcfe1a 100644
--- a/components/search/search-results.tsx
+++ b/components/search/search-results.tsx
@@ -21,12 +21,12 @@ import {
   ShowCardMeta,
 } from "@/components/tracking/show-card-slots";
 import { ButtonLink } from "@/components/ui/button";
+import { GRID_PAGE_SIZE } from "@/lib/catalog/grid-page";
 import {
   parseMediaTypeParam,
   titleHref,
   typedHref,
 } from "@/lib/catalog/media-type";
-import { lastReachablePage } from "@/lib/catalog/pages";
 import { formatRange, mediaNoun } from "@/lib/search/count";
 import { searchMode } from "@/lib/search/mode";
 import {
@@ -37,8 +37,7 @@ import {
   searchHref,
 } from "@/lib/search/params";
 import {
-  readDiscoverPage,
-  readSearchPage,
+  readSearchGridPage,
   type SearchPage,
   type SearchResult,
 } from "@/lib/search/read";
@@ -50,9 +49,6 @@ import { ResultCount } from "./result-count";
 
 type RawParams = Record<string, string | string[] | undefined>;
 
-/** TMDB's page size, which the skeleton mirrors (AC-21). */
-const PAGE_SIZE = 20;
-
 /**
  * The results half of `/search`, for one URL (spec 0010, AC-11 to AC-19).
  *
@@ -96,13 +92,7 @@ async function SearchResults({ raw }: { raw: RawParams }) {
     const mode = searchMode(params);
     if (mode === "filtered_search") return await FilteredResults({ params });
 
-    const page =
-      mode === "search"
-        ? await readSearchPage(type, params.q ?? "", {
-            year: params.year ?? undefined,
-            page: params.page,
-          })
-        : await readDiscoverPage(params);
+    const page = await readSearchGridPage(mode, params);
     return (
       <PagedResults
         params={params}
@@ -117,7 +107,10 @@ async function SearchResults({ raw }: { raw: RawParams }) {
   }
 }
 
-/** Browse, discover and plain search: TMDB's own numbered pages (AC-11, AC-12). */
+/**
+ * Browse, discover and plain search: numbered 24 title pages over TMDB's
+ * (AC-11, AC-12; spec 0022, AC-21).
+ */
 function PagedResults({
   params,
   page,
@@ -129,7 +122,7 @@ function PagedResults({
   endpoint: "search" | "discover";
   browse: boolean;
 }) {
-  const lastPage = lastReachablePage(page.totalPages);
+  const lastPage = page.totalPages;
   if (params.page > Math.max(lastPage, 1)) {
     return <NoSuchPage params={params} />;
   }
@@ -438,7 +431,7 @@ function resultsKey(raw: RawParams): string {
 }
 
 /**
- * The loading shape of the results: the count line, 20 cards and the
+ * The loading shape of the results: the count line, 24 cards and the
  * pagination row (AC-21).
  */
 function SearchResultsSkeleton() {
@@ -446,7 +439,7 @@ function SearchResultsSkeleton() {
     <div className="flex flex-col gap-6">
       <Skeleton shape="line" className="h-5 w-48" />
       <PosterGrid aria-hidden="true">
-        {Array.from({ length: PAGE_SIZE }, (_, index) => (
+        {Array.from({ length: GRID_PAGE_SIZE }, (_, index) => (
           // biome-ignore lint/suspicious/noArrayIndexKey: static placeholders with no identity.
           <li key={index}>
             <PosterCardSkeleton meta />
diff --git a/docs/specs/0006-movie-page/index.md b/docs/specs/0006-movie-page/index.md
index e3bfa12..a07963a 100644
--- a/docs/specs/0006-movie-page/index.md
+++ b/docs/specs/0006-movie-page/index.md
@@ -2,6 +2,7 @@
 
 **Date**: 2026-09-23 (updated 2026-09-23: AC-2 no longer promises pagination without JavaScript)
 **Status**: Accepted
+**Amended**: 2026-10-13. A paged title grid now shows 24 cards, not 20, read from the two TMDB pages that hold them, so a full page fills every grid row; see [spec 0022](../0022-card-size-title-pages/index.md), AC-21. The 20 below is the page size when this spec shipped.
 
 Scope feature: [7. Movie page](../../scope/scope.md) · Beta tier
 
diff --git a/docs/specs/0008-watchlist-and-movie-history/index.md b/docs/specs/0008-watchlist-and-movie-history/index.md
index de8741d..6d8cd8f 100644
--- a/docs/specs/0008-watchlist-and-movie-history/index.md
+++ b/docs/specs/0008-watchlist-and-movie-history/index.md
@@ -2,6 +2,7 @@
 
 **Date**: 2026-09-23
 **Status**: Accepted
+**Amended**: 2026-10-13. Library pages hold 24 cards, not 20 (`LIBRARY_PAGE_SIZE = GRID_PAGE_SIZE`), so a full page fills every grid row; see [spec 0022](../0022-card-size-title-pages/index.md), AC-21.
 
 Scope feature: [9. Watchlist and movie history](../../scope/scope.md) · Beta tier
 
diff --git a/docs/specs/0008-watchlist-and-movie-history/verify.md b/docs/specs/0008-watchlist-and-movie-history/verify.md
index 60f58bc..e050d97 100644
--- a/docs/specs/0008-watchlist-and-movie-history/verify.md
+++ b/docs/specs/0008-watchlist-and-movie-history/verify.md
@@ -1,6 +1,8 @@
 # Verify: Watchlist and movie history · spec 0008 · updated 2026-09-23
 _Steps derived from spec 0008 acceptance criteria. `/check verify` runs these; `/test` locks the durable ones._
 
+_Amended 2026-10-13: a library page now holds 24 cards, not 20 ([spec 0022](../0022-card-size-title-pages/index.md), AC-21). The ticked steps below record the 20 card run; rerun them with 25 or more movies._
+
 **Run by /develop on 2026-09-23** (Proof milestone), in the running app at 1440px and 375px with both seed users. Ticked steps passed live. Still unticked, and why:
 - Bad TMDB token: needs a dev server restart; the "Couldn't reach TMDB" branch is covered only by unit tests so far.
 - Throttled load: not run live; `pnpm build` lists both pages as partial prerender (◐).
diff --git a/docs/specs/0009-tv-show-page/index.md b/docs/specs/0009-tv-show-page/index.md
index 7d4a67d..925211e 100644
--- a/docs/specs/0009-tv-show-page/index.md
+++ b/docs/specs/0009-tv-show-page/index.md
@@ -2,6 +2,7 @@
 
 **Date**: 2026-09-24
 **Status**: Accepted
+**Amended**: 2026-10-13. A paged title grid now shows 24 cards, not 20, read from the two TMDB pages that hold them, so a full page fills every grid row; see [spec 0022](../0022-card-size-title-pages/index.md), AC-21. The 20 below is the page size when this spec shipped.
 
 Scope feature: [10. TV show page](../../scope/scope.md) · Beta tier
 
diff --git a/docs/specs/0009-tv-show-page/verify.md b/docs/specs/0009-tv-show-page/verify.md
index ee62c67..83fe715 100644
--- a/docs/specs/0009-tv-show-page/verify.md
+++ b/docs/specs/0009-tv-show-page/verify.md
@@ -1,6 +1,8 @@
 # Verify: TV show page · spec 0009 · updated 2026-09-24
 _Steps derived from spec 0009 acceptance criteria. `/check verify` runs these; `/test` locks the durable ones._
 
+_Amended 2026-10-13: a paged title grid now shows 24 cards, not 20, and pages count 24 titles each ([spec 0022](../0022-card-size-title-pages/index.md), AC-21). The ticked steps below record the 20 card run._
+
 ## UI / manual
 - [x] Open `/shows` signed out → heading "Popular shows", the popularity note, 20 cards with TMDB badges, no bookmark on any card; tab title "Shows" → AC-1, AC-18
 - [x] Open `/shows?page=2` → "Page 2 of 500"; `/shows?page=abc` and `/shows?page=501` → "That page doesn't exist" with a link to `/shows` → AC-2
diff --git a/docs/specs/0020-progress-based-library-pages/index.md b/docs/specs/0020-progress-based-library-pages/index.md
index 69cdd4d..86abf40 100644
--- a/docs/specs/0020-progress-based-library-pages/index.md
+++ b/docs/specs/0020-progress-based-library-pages/index.md
@@ -4,6 +4,7 @@
 **Status**: Accepted
 **Amended**: 2026-10-10. Pause and Drop are removed: a show is tracked or not, Stop tracking is the only way out, every existing hold is cleared, and the hold removal ships inside the contract migration. Settled in a grilling session on 2026-10-10; see [rationale.md](rationale.md#amendment-2026-10-10-pause-and-drop-removed).
 **Amended**: 2026-10-10. The Watchlist card's next episode is the first aired episode after the user's furthest watched episode, not the first unwatched one, and a show with nothing aired after that episode is caught up even with earlier gaps (AC-7). Settled in a grilling session on 2026-10-10; see [rationale.md](rationale.md#amendment-2026-10-10-next-episode-after-the-furthest-watched).
+**Amended**: 2026-10-13. Every tab pages 24 cards at a time, not 20 (AC-16), so a full page fills every grid row; see [spec 0022](../0022-card-size-title-pages/index.md), AC-21.
 
 Scope feature: [23. Progress based library pages](../../scope/scope.md) · GA tier
 
diff --git a/docs/specs/0021-home-carousels/index.md b/docs/specs/0021-home-carousels/index.md
index 79df2c8..63765b4 100644
--- a/docs/specs/0021-home-carousels/index.md
+++ b/docs/specs/0021-home-carousels/index.md
@@ -2,6 +2,7 @@
 
 **Date**: 2026-10-12
 **Status**: Accepted
+**Amended**: 2026-10-13. A See all page shows 24 titles, read from the two TMDB pages that hold them; the landing rows still read TMDB page 1. See [spec 0022](../0022-card-size-title-pages/index.md), AC-21.
 
 Scope feature: [24. Home carousels](../../scope/scope.md) · Beta tier
 
diff --git a/docs/specs/0022-card-size-title-pages/index.md b/docs/specs/0022-card-size-title-pages/index.md
index 7efd455..00397c9 100644
--- a/docs/specs/0022-card-size-title-pages/index.md
+++ b/docs/specs/0022-card-size-title-pages/index.md
@@ -3,6 +3,7 @@
 **Date**: 2026-10-12
 **Status**: Accepted
 **Amended**: 2026-10-12. After the branch review, the spec records what shipped: Cast is a carousel row of home row cards (AC-17), a network shows its name with its logo beside it (AC-16), the error line names no cause (AC-18), `/privacy` also explains the trailer player (AC-19), and the extras reads throw like every other read (interface table). The owner kept each as built; see [rationale.md](rationale.md#amendment-2026-10-12-recording-what-shipped).
+**Amended**: 2026-10-13. Full grid rows: every paged grid shows 24 titles, and the `catalog` grid steps 2, 3, 4 and 6 columns (no 5), so a full page fills every row at every width (AC-1, AC-2, AC-4, AC-6, new AC-21 and AC-22). This reverses the ragged last row accepted below; see [rationale.md](rationale.md#amendment-2026-10-13-full-grid-rows) and [prompts/full-grid-rows.md](../../../prompts/full-grid-rows.md).
 
 ## Summary
 
@@ -19,13 +20,15 @@ This spec covers two related changes. First, poster cards on every grid page (Se
 
 *Card size strand*
 
-- **AC-1**: The default (`catalog`) `PosterGrid` has 2 columns below `sm` (640px), 3 from `sm`, 4 from `md` (768px), 5 from `lg` (1024px) and 6 from `xl` (1280px). The 1200px cap, centring and gaps (`gap-x-4 gap-y-6`) are unchanged.
-- **AC-2**: The `catalog` grid applies to the See all list pages (`/shows/{slug}`, `/movies/{slug}`), `/search`, Watchlist, Upcoming and Watched (both types), every one of their skeletons, and `/showcase`. At 1280px and wider a card is between 180px and 190px wide. From 1024px to 1279px cards are deliberately larger (about 186px to 228px).
+- **AC-1**: The default (`catalog`) `PosterGrid` has 2 columns below `sm` (640px), 3 from `sm`, 4 from `md` (768px) and 6 from `xl` (1280px); `lg` (1024px) keeps 4 (amended 2026-10-13, was 5). The 1200px cap, centring and gaps (`gap-x-4 gap-y-6`) are unchanged.
+- **AC-2**: The `catalog` grid applies to the See all list pages (`/shows/{slug}`, `/movies/{slug}`), `/search`, Watchlist, Upcoming and Watched (both types), every one of their skeletons, and `/showcase`. At 1280px and wider a card is between 180px and 190px wide. From 1024px to 1279px cards are deliberately larger (4 columns, about 236px to 288px; amended 2026-10-13).
 - **AC-3**: The season grid on `/shows/{id}` and its skeleton use the `wide` preset, which is exactly today's layout: 2 columns below `md`, 4 from it, with today's `sizes`.
-- **AC-4**: Each preset's `sizes` string has one `floor(100 / columns)vw` entry per fluid column step, and one fixed px entry, `ceil((1200 - (columns - 1) × 16) / columns)`, for every column count the grid shows while capped at 1200px. For `catalog` that is `(min-width: 1280px) 187px, (min-width: 1232px) 228px, (min-width: 1024px) 20vw, (min-width: 768px) 25vw, (min-width: 640px) 33vw, 50vw`. For `wide` it is today's `(min-width: 1232px) 288px, (min-width: 768px) 25vw, 50vw`. `poster-grid.test.tsx` checks every key of `POSTER_GRID_SIZES` with this rule, so a preset with no sizes fails the type check, and a column change that misses its sizes fails the suite.
+- **AC-4**: Each preset's `sizes` string has one `floor(100 / columns)vw` entry per fluid column step, and one fixed px entry, `ceil((1200 - (columns - 1) × 16) / columns)`, for every column count the grid shows while capped at 1200px. For `catalog` that is `(min-width: 1280px) 187px, (min-width: 1232px) 288px, (min-width: 768px) 25vw, (min-width: 640px) 33vw, 50vw` (amended 2026-10-13). For `wide` it is today's `(min-width: 1232px) 288px, (min-width: 768px) 25vw, 50vw`. `poster-grid.test.tsx` checks every key of `POSTER_GRID_SIZES` with this rule, so a preset with no sizes fails the type check, and a column change that misses its sizes fails the suite.
 - **AC-5**: Eager posters are one full row at the preset's widest count: 6 for `catalog` and 4 for `wide`, read from one exported `POSTER_GRID_EAGER` map. The four local `EAGER_POSTERS` copies are removed.
-- **AC-6**: `LibrarySkeleton` shows one row at the current column count at every width (6 cards, visibility `["", "", "hidden sm:block", "hidden md:block", "hidden lg:block", "hidden xl:block"]`), so a one row library does not shift when it arrives. The list page and search skeletons keep their 20 cards.
+- **AC-6**: `LibrarySkeleton` shows one row at the current column count at every width (6 cards, visibility `["", "", "hidden sm:block", "hidden md:block", "hidden xl:block", "hidden xl:block"]`, amended 2026-10-13), so a one row library does not shift when it arrives. The list page and search skeletons show 24 cards (amended 2026-10-13, was 20).
 - **AC-7**: At 375px, 640px, 768px, 1024px and 1280px no grid page scrolls sideways, the missing poster tile keeps a real poster's footprint, and every card control keeps its 44px tap target. `/showcase` shows 6 grid cards.
+- **AC-21** (added 2026-10-13): Every paged `catalog` grid shows 24 titles a page: the See all list pages, `/search` in browse, search and discover modes, and every library tab (`LIBRARY_PAGE_SIZE = 24`). A TMDB backed page *p* shows TMDB results `(p - 1) × 24 + 1` to `p × 24`, read from the two TMDB pages that hold them in parallel through the existing cached reads (a page past TMDB's page 500 is never requested). Its last page is `ceil(min(total_results, min(total_pages, 500) × 20) / 24)`, so a 10,000 result list ends at page 417 with 16 titles. If either TMDB read fails, the page shows its existing error panel with Retry. A title TMDB returns on both pages appears once, and the gap is filled from results already read past the window, so the filler also opens the next page (the repeat TMDB itself served). `generateMetadata` reads the same 24 title page, so canonicals and `noindex` follow the new page count. Old `?page=N` links are not redirected.
+- **AC-22** (added 2026-10-13): A full page fills every row at 2, 3, 4 and 6 columns. A short last row is accepted only on the last page of a list, a filtered search page (query plus genre or rating, which stays cursor based with spec 0010's 20 match scan target), a library page after a card is removed in place, a page where TMDB repeated a title and nothing was read past the window to fill the gap, and the season grid.
 
 *Title page strand: data*
 
@@ -138,7 +141,7 @@ Reasoning and options: see [rationale.md](rationale.md).
 - The library pages pay nothing for the new data.
 
 **Negative / tradeoffs**:
-- A 20 title page ends with a short last row at 3, 5 and 6 columns, the problem the 2 and 4 column grid was built to remove.
+- ~~A 20 title page ends with a short last row at 3, 5 and 6 columns.~~ Fixed by the 2026-10-13 amendment (AC-21, AC-22), at the cost of two TMDB reads per catalog or search page instead of one, and page numbers that point at different titles than before.
 - Smaller desktop posters make captions and controls tighter, and six eager posters means a phone preloads three rows instead of two.
 - Each title page view can cost one more TMDB request per hour per title, and a cold page waits on it for two of its sections.
 - Embedding YouTube adds a processor and a legal update. Region from an IP header is approximate (VPNs and travel show another country), and local development always shows the `US` fallback.
diff --git a/docs/specs/0022-card-size-title-pages/rationale.md b/docs/specs/0022-card-size-title-pages/rationale.md
index 4381bea..c5f01de 100644
--- a/docs/specs/0022-card-size-title-pages/rationale.md
+++ b/docs/specs/0022-card-size-title-pages/rationale.md
@@ -69,3 +69,16 @@ A review of the branch against this spec found five places where the build went
 - **An error line with no cause.** "TMDB didn't respond" was untrue for a 404 or a bad response, which the extras read also turns into the error line, so the line now says only that the section couldn't load from TMDB.
 - **The trailer paragraph in `/privacy`.** Saying when the YouTube player loads and whose policy then applies belongs beside the cookie text, in addition to the one country sentence AC-19 asked for.
 - **The read signatures.** The extras reads follow the module's pair pattern: the cached twin returns a `TmdbResult` and the exported wrapper throws. The interface table described only the inner half.
+
+## Amendment 2026-10-13: full grid rows
+
+The owner asked for every row of a full page to be filled at every width, reversing the ragged last row accepted in the premise note above. 20 does not divide by 3 or 6, so at 6 columns a page ended 4 cards short.
+
+Options weighed in the 2026-10-13 grilling session:
+
+- **Columns that divide 20 (2, 4, 5)**: no data change, but drops 3 and 6 columns and grows desktop cards to about 228px. Recommended, not chosen.
+- **24 a page with 2, 3, 4 and 6 columns (chosen)**: keeps six columns on wide screens and the 187px card. The premise note said a page size change could not work on TMDB pages fixed at 20; it can, by reading the two TMDB pages that hold each 24 title window. The cost is a second cached TMDB read per page and page numbers that move.
+- **60 a page**: fills every column count but costs three TMDB reads and very long pages.
+- **Hiding the extra cards**: titles would vanish between pages. Rejected.
+
+Filtered search keeps its cursor and 20 match target: its pages were never a fixed size, and making them exactly 24 would mean rewriting spec 0010's scan and cursor for a cosmetic gain. Old page links are not redirected because the lists are re-ranked by TMDB daily, so a page number never named stable content. A failed half of a page shows the whole page's error, not a half page with a notice, so no new state is added. Page 417 under TMDB's 10,000 result cap shows its 16 titles rather than hiding them.
diff --git a/lib/catalog-list-read.test.ts b/lib/catalog-list-read.test.ts
index c540786..ae775c2 100644
--- a/lib/catalog-list-read.test.ts
+++ b/lib/catalog-list-read.test.ts
@@ -1,7 +1,7 @@
 import { afterEach, describe, expect, it, vi } from "vitest";
 
 /**
- * covers: spec 0021, AC-2, AC-3
+ * covers: spec 0021, AC-2, AC-3; spec 0022, AC-21
  *
  * Popular stays on discover with only a page, the call the sitemap shares;
  * every other slug reads its TMDB list kind. The reads are replaced, so this
@@ -17,7 +17,9 @@ const tmdb = vi.hoisted(() => ({
 vi.mock("@/lib/tmdb", () => tmdb);
 
 const { catalogList } = await import("@/lib/catalog/lists");
-const { readCatalogList } = await import("./catalog-list-read");
+const { readCatalogList, readTaggedCatalogGridPage } = await import(
+  "./catalog-list-read"
+);
 
 afterEach(() => {
   for (const fn of Object.values(tmdb)) fn.mockReset();
@@ -60,3 +62,33 @@ describe("readCatalogList", () => {
     expect(tmdb.getMovieList).toHaveBeenCalledWith(kind, { page: 1 });
   });
 });
+
+describe("readTaggedCatalogGridPage", () => {
+  const page = (n: number) => ({
+    page: n,
+    results: Array.from({ length: 20 }, (_, index) => ({
+      id: (n - 1) * 20 + index + 1,
+    })),
+    totalPages: 30,
+    totalResults: 600,
+  });
+
+  it("reads the two TMDB pages that hold a 24 title page", async () => {
+    tmdb.getTvList.mockImplementation(async (_kind, { page: n }) => page(n));
+
+    const { mediaType, paged: result } = await readTaggedCatalogGridPage(
+      catalogList("tv", "top-rated"),
+      2,
+    );
+
+    expect(tmdb.getTvList.mock.calls).toEqual([
+      ["top_rated", { page: 2 }],
+      ["top_rated", { page: 3 }],
+    ]);
+    expect(result.results.map((show) => show.id)).toEqual(
+      Array.from({ length: 24 }, (_, index) => 25 + index),
+    );
+    expect(result.totalPages).toBe(25);
+    expect(mediaType).toBe("tv");
+  });
+});
diff --git a/lib/catalog-list-read.ts b/lib/catalog-list-read.ts
index 90a213e..d2355fc 100644
--- a/lib/catalog-list-read.ts
+++ b/lib/catalog-list-read.ts
@@ -1,3 +1,4 @@
+import { readGridPage } from "@/lib/catalog/grid-page";
 import type {
   CatalogList,
   MovieCatalogList,
@@ -80,7 +81,8 @@ export type TaggedCatalogPage =
 /**
  * `readCatalogList` with its result tagged, so a component rendering any list
  * picks the show or movie card by narrowing on `mediaType` rather than by a
- * cast. The very same call underneath, so it shares the cache entry.
+ * cast. The very same call underneath, so it shares the cache entry. The
+ * landing rows read TMDB page 1 through this.
  *
  * @throws {TmdbError} When TMDB fails.
  */
@@ -92,3 +94,34 @@ export async function readTaggedCatalogList(
     ? { mediaType: "tv", paged: await readCatalogList(list, page) }
     : { mediaType: "movie", paged: await readCatalogList(list, page) };
 }
+
+/**
+ * One 24 title page of a list's See all grid, tagged like
+ * `readTaggedCatalogList` (spec 0022, AC-21): the two `readCatalogList` pages
+ * that hold it, so the grid's pages share cache entries with each other and
+ * page 1 shares TMDB page 1 with the landing row. `totalPages` is the grid's
+ * own count. The landing rows keep reading TMDB page 1 alone.
+ *
+ * The two branches make the same call: each narrows `list`, which picks the
+ * `readCatalogList` overload and so the result type `readGridPage` infers.
+ *
+ * @throws {TmdbError} When either TMDB read fails.
+ */
+export async function readTaggedCatalogGridPage(
+  list: CatalogList,
+  page: number,
+): Promise<TaggedCatalogPage> {
+  return list.mediaType === "tv"
+    ? {
+        mediaType: "tv",
+        paged: await readGridPage(page, (tmdbPage) =>
+          readCatalogList(list, tmdbPage),
+        ),
+      }
+    : {
+        mediaType: "movie",
+        paged: await readGridPage(page, (tmdbPage) =>
+          readCatalogList(list, tmdbPage),
+        ),
+      };
+}
diff --git a/lib/catalog/grid-page.test.ts b/lib/catalog/grid-page.test.ts
new file mode 100644
index 0000000..005f2f8
--- /dev/null
+++ b/lib/catalog/grid-page.test.ts
@@ -0,0 +1,180 @@
+import { describe, expect, it, vi } from "vitest";
+
+import type { Paged } from "@/lib/tmdb/types";
+
+import {
+  combineGridPage,
+  GRID_PAGE_SIZE,
+  gridPageWindow,
+  lastGridPage,
+  readGridPage,
+} from "./grid-page";
+
+/**
+ * covers: spec 0022 AC-21, AC-22
+ *
+ * The window arithmetic is the whole risk: an off by one skips or repeats a
+ * title between pages and nothing looks broken. So every test builds TMDB
+ * pages of real 1 based result positions and checks positions, not counts.
+ */
+
+type Item = { id: number };
+
+/** TMDB page `n` of a list of `total` results, ids being 1 based positions. */
+function tmdbPage(n: number, total = 10_000): Paged<Item> {
+  const start = (n - 1) * 20 + 1;
+  const end = Math.min(n * 20, total);
+  return {
+    page: n,
+    results: Array.from(
+      { length: Math.max(end - start + 1, 0) },
+      (_, index) => ({ id: start + index }),
+    ),
+    totalPages: Math.ceil(total / 20),
+    totalResults: total,
+  };
+}
+
+const ids = (page: Paged<Item>) => page.results.map((item) => item.id);
+
+describe("gridPageWindow", () => {
+  it.each([
+    [1, [1, 2], 0],
+    [2, [2, 3], 4],
+    [3, [3, 4], 8],
+    [4, [4, 5], 12],
+    [5, [5, 6], 16],
+    [6, [7, 8], 0],
+  ])("page %i reads TMDB pages %j skipping %i", (page, tmdbPages, skip) => {
+    expect(gridPageWindow(page)).toEqual({ tmdbPages, skip });
+  });
+
+  it("never asks for a TMDB page past 500", () => {
+    expect(gridPageWindow(417)).toEqual({ tmdbPages: [500], skip: 4 });
+  });
+
+  it("asks for nothing past grid page 417, so it reads as no such page", async () => {
+    expect(gridPageWindow(418).tmdbPages).toEqual([]);
+    const read = vi.fn(async (n: number) => tmdbPage(n));
+    const page = await readGridPage(418, read);
+    expect(read).not.toHaveBeenCalled();
+    expect(page.totalPages).toBe(0);
+  });
+});
+
+describe("lastGridPage", () => {
+  it.each([
+    [0, 0, 0],
+    [7, 1, 1],
+    [24, 2, 1],
+    [25, 2, 2],
+    [47, 3, 2],
+    [10_000, 500, 417],
+    // TMDB reports more results than its 500 pages serve.
+    [20_001, 500, 417],
+  ])(
+    "%i results on %i TMDB pages end at grid page %i",
+    (results, pages, last) => {
+      expect(lastGridPage(results, pages)).toBe(last);
+    },
+  );
+});
+
+describe("combineGridPage", () => {
+  it("joins consecutive pages without a gap or a repeat", () => {
+    const seen: number[] = [];
+    for (let page = 1; page <= 10; page++) {
+      const { tmdbPages } = gridPageWindow(page);
+      seen.push(
+        ...ids(
+          combineGridPage(
+            page,
+            tmdbPages.map((n) => tmdbPage(n)),
+          ),
+        ),
+      );
+    }
+    expect(seen).toEqual(Array.from({ length: 240 }, (_, index) => index + 1));
+  });
+
+  it("fills a full page and reports the grid's page count", () => {
+    const page = combineGridPage(2, [tmdbPage(2), tmdbPage(3)]);
+    expect(page.results).toHaveLength(GRID_PAGE_SIZE);
+    expect(page.totalPages).toBe(417);
+    expect(page.totalResults).toBe(10_000);
+    expect(page.page).toBe(2);
+  });
+
+  it("shows the 16 titles of the last page under the cap", () => {
+    expect(ids(combineGridPage(417, [tmdbPage(500)]))).toEqual(
+      Array.from({ length: 16 }, (_, index) => 9985 + index),
+    );
+  });
+
+  it("keeps a short last page short", () => {
+    const page = combineGridPage(2, [tmdbPage(2, 30), tmdbPage(3, 30)]);
+    expect(ids(page)).toEqual([25, 26, 27, 28, 29, 30]);
+    expect(page.totalPages).toBe(2);
+  });
+
+  it("keeps a title TMDB repeated at a page edge once and stays full", () => {
+    // TMDB's own quirk, seen live: page 2 opens with page 1's last title.
+    const second = tmdbPage(2);
+    second.results[0] = { id: 20 };
+    const first = combineGridPage(1, [tmdbPage(1), second]);
+    const next = combineGridPage(2, [second, tmdbPage(3)]);
+    expect(ids(first).filter((id) => id === 20)).toHaveLength(1);
+    expect(first.results).toHaveLength(GRID_PAGE_SIZE);
+    // The filler is the next page's first title, as TMDB's repeat was.
+    expect(ids(first).at(-1)).toBe(25);
+    expect(ids(next)[0]).toBe(25);
+  });
+
+  it("stays one short when nothing past the window was read", () => {
+    // Page 5 ends exactly at the end of TMDB page 6.
+    const sixth = tmdbPage(6);
+    sixth.results[0] = { id: 100 };
+    const page = combineGridPage(5, [tmdbPage(5), sixth]);
+    expect(page.results).toHaveLength(GRID_PAGE_SIZE - 1);
+  });
+
+  it("splits a short TMDB page between its two grid pages with no repeat or gap", () => {
+    // The list read dropped one adult title from TMDB page 2.
+    const second = tmdbPage(2);
+    second.results.splice(2, 1);
+    const first = combineGridPage(1, [tmdbPage(1), second]);
+    const next = combineGridPage(2, [second, tmdbPage(3)]);
+    const shown = [...ids(first), ...ids(next)];
+    expect(new Set(shown).size).toBe(shown.length);
+    expect(shown).toEqual(
+      [...ids(tmdbPage(1)), ...ids(second), ...ids(tmdbPage(3))].slice(
+        0,
+        shown.length,
+      ),
+    );
+  });
+
+  it("is empty with no results", () => {
+    const page = combineGridPage(1, [tmdbPage(1, 0), tmdbPage(2, 0)]);
+    expect(page.results).toEqual([]);
+    expect(page.totalPages).toBe(0);
+  });
+});
+
+describe("readGridPage", () => {
+  it("reads both TMDB pages", async () => {
+    const read = vi.fn(async (n: number) => tmdbPage(n));
+    const page = await readGridPage(3, read);
+    expect(read.mock.calls.map(([n]) => n)).toEqual([3, 4]);
+    expect(ids(page)[0]).toBe(49);
+  });
+
+  it("fails the whole page when either half fails", async () => {
+    const failure = new Error("TMDB down");
+    const read = vi.fn(async (n: number) => {
+      if (n === 2) throw failure;
+      return tmdbPage(n);
+    });
+    await expect(readGridPage(1, read)).rejects.toBe(failure);
+  });
+});
diff --git a/lib/catalog/grid-page.ts b/lib/catalog/grid-page.ts
new file mode 100644
index 0000000..ddd5d64
--- /dev/null
+++ b/lib/catalog/grid-page.ts
@@ -0,0 +1,123 @@
+import type { Paged } from "@/lib/tmdb/types";
+
+import { lastReachablePage, TMDB_MAX_PAGE, TMDB_PAGE_SIZE } from "./pages";
+
+/**
+ * Titles on one page of every paged `catalog` grid (spec 0022, AC-21). 24
+ * divides by each of the grid's 2, 3, 4 and 6 columns, so a full page fills
+ * every row at every width (AC-22).
+ */
+export const GRID_PAGE_SIZE = 24;
+
+/**
+ * The TMDB pages that hold grid page `page`, and how many results of the
+ * first one come before it (spec 0022, AC-21).
+ *
+ * A 24 title window over 20 result pages always spans exactly two of them:
+ * it starts at most 16 into the first, so it ends inside the second. A page
+ * past TMDB's 500 is dropped rather than requested, because TMDB refuses it;
+ * that leaves one page for grid page 417 and none past it, which is how grid
+ * pages 418 to 500 come back empty and read as "no such page".
+ */
+export function gridPageWindow(page: number): {
+  tmdbPages: number[];
+  skip: number;
+} {
+  const first = (page - 1) * GRID_PAGE_SIZE;
+  const from = Math.floor(first / TMDB_PAGE_SIZE) + 1;
+  const tmdbPages = [from, from + 1].filter(
+    (tmdbPage) => tmdbPage <= TMDB_MAX_PAGE,
+  );
+  return { tmdbPages, skip: first % TMDB_PAGE_SIZE };
+}
+
+/**
+ * The last grid page a list reaches (spec 0022, AC-21): only results on the
+ * TMDB pages it serves count, so a 10,000 result list ends at page 417 with
+ * its 16 titles rather than hiding them.
+ */
+export function lastGridPage(totalResults: number, totalPages: number): number {
+  const reachable = Math.min(
+    totalResults,
+    lastReachablePage(totalPages) * TMDB_PAGE_SIZE,
+  );
+  return Math.ceil(reachable / GRID_PAGE_SIZE);
+}
+
+/**
+ * Cuts grid page `page` out of the TMDB pages `gridPageWindow` named, in
+ * order (spec 0022, AC-21).
+ *
+ * Each TMDB page is cut by its own positions, never by a running count over
+ * both: two grid pages that share a TMDB page then split that very array, so
+ * nothing is skipped even when a page came back short (an adult title dropped
+ * by the list read). A title TMDB returns on both pages, which its popularity
+ * order does at page edges, is kept once (a grid keys its cards by id), and
+ * the gap it leaves is filled from the results already read past the window,
+ * so the page stays full (AC-22). The filler also opens the next page, the
+ * same repeat TMDB itself served; with nothing read past the window the page
+ * stays one short. `totalPages` becomes the grid's own page count, already
+ * capped, and `totalResults` stays TMDB's count from the first read.
+ */
+export function combineGridPage<T extends { id: number }>(
+  page: number,
+  reads: Paged<T>[],
+): Paged<T> {
+  const { tmdbPages } = gridPageWindow(page);
+  const firstIndex = (page - 1) * GRID_PAGE_SIZE;
+  const endIndex = firstIndex + GRID_PAGE_SIZE;
+  const seen = new Set<number>();
+  const results: T[] = [];
+  const spare: T[] = [];
+  for (const [index, read] of reads.entries()) {
+    const offset = (tmdbPages[index] - 1) * TMDB_PAGE_SIZE;
+    const start = Math.max(firstIndex - offset, 0);
+    const end = endIndex - offset;
+    for (const result of read.results.slice(start, end)) {
+      if (seen.has(result.id)) continue;
+      seen.add(result.id);
+      results.push(result);
+    }
+    spare.push(...read.results.slice(Math.max(end, start)));
+  }
+  for (const result of spare) {
+    if (results.length >= GRID_PAGE_SIZE) break;
+    if (seen.has(result.id)) continue;
+    seen.add(result.id);
+    results.push(result);
+  }
+  const first = reads[0];
+  const totalResults = first?.totalResults ?? 0;
+  return {
+    page,
+    results,
+    totalPages: lastGridPage(totalResults, first?.totalPages ?? 0),
+    totalResults,
+  };
+}
+
+/**
+ * Reads grid page `page` through any cached TMDB page read (spec 0022,
+ * AC-21): both TMDB pages in parallel, so neighbouring grid pages share one
+ * cache entry. A failure on either half rejects with the read's own error,
+ * so the caller shows its usual error panel rather than half a page.
+ *
+ * The last grid page of a short list asks for one TMDB page past its end
+ * (grid page 3 of 60 results reads TMDB page 4). Both are read at once, so
+ * the end is not known yet; TMDB answers that page with an empty 200 on its
+ * list, search and discover endpoints (checked live on 2026-10-13), and it is
+ * cached like any other page.
+ *
+ * Pure apart from the read it is handed, so the proxy rule for `lib/catalog/`
+ * holds: no TMDB import here.
+ */
+export async function readGridPage<T extends { id: number }>(
+  page: number,
+  readTmdbPage: (tmdbPage: number) => Promise<Paged<T>>,
+): Promise<Paged<T>> {
+  const { tmdbPages } = gridPageWindow(page);
+  const reads = await Promise.all(
+    tmdbPages.map((tmdbPage) => readTmdbPage(tmdbPage)),
+  );
+  return combineGridPage(page, reads);
+}
diff --git a/lib/catalog/pages.ts b/lib/catalog/pages.ts
index 2bc6cff..7f1c184 100644
--- a/lib/catalog/pages.ts
+++ b/lib/catalog/pages.ts
@@ -6,6 +6,12 @@ import { z } from "zod";
  */
 export const TMDB_MAX_PAGE = 500;
 
+/**
+ * TMDB's fixed result page size: the 24 title grid window and the filtered
+ * search range are both cut from it.
+ */
+export const TMDB_PAGE_SIZE = 20;
+
 const pageSchema = z.coerce.number().int().min(1).max(TMDB_MAX_PAGE);
 
 /**
diff --git a/lib/landing-metadata.ts b/lib/landing-metadata.ts
index b4e1431..49c2b8f 100644
--- a/lib/landing-metadata.ts
+++ b/lib/landing-metadata.ts
@@ -1,7 +1,7 @@
 import type { Metadata } from "next";
 import { type CatalogList, listPageHref } from "@/lib/catalog/lists";
-import { lastReachablePage, parsePageParam } from "@/lib/catalog/pages";
-import { readCatalogList } from "@/lib/catalog-list-read";
+import { parsePageParam } from "@/lib/catalog/pages";
+import { readTaggedCatalogGridPage } from "@/lib/catalog-list-read";
 import { landingMetadata } from "@/lib/seo/metadata";
 import { TmdbError } from "@/lib/tmdb";
 
@@ -17,9 +17,10 @@ import { TmdbError } from "@/lib/tmdb";
  * caller passes its own discover read, so the request is the very call the
  * body makes and shares its cache entry: metadata costs no extra TMDB request.
  *
- * An invalid page, a page past `lastReachablePage`, or a failed TMDB read is
- * `noindex` with no canonical. Only a `TmdbError` counts as a failed read;
- * anything else is a bug and is rethrown.
+ * An invalid page, a page past the read's own `totalPages` (already capped by
+ * the 24 title grid, spec 0022, AC-21), or a failed TMDB read is `noindex`
+ * with no canonical. Only a `TmdbError` counts as a failed read; anything
+ * else is a bug and is rethrown.
  */
 export async function landingPageMetadata({
   pageParam,
@@ -41,7 +42,7 @@ export async function landingPageMetadata({
 
   try {
     const { totalPages } = await discover({ page });
-    if (page > lastReachablePage(totalPages)) return noindex();
+    if (page > totalPages) return noindex();
     return landingMetadata({ title, description, path: pageHref(page) });
   } catch (error) {
     if (!(error instanceof TmdbError)) throw error;
@@ -52,8 +53,9 @@ export async function landingPageMetadata({
 /**
  * A list page's metadata (spec 0021, AC-15): its h1 as the title, its note as
  * the description, and page N's own canonical. The `landingPageMetadata` flow
- * with `readCatalogList` as the read, the very call the page body makes, so
- * metadata costs no extra TMDB request.
+ * with the See all grid's own read as the read, the very call the page body makes,
+ * so metadata costs no extra TMDB request and follows the 24 title page count
+ * (spec 0022, AC-21).
  */
 export async function catalogListMetadata(
   list: CatalogList,
@@ -61,7 +63,8 @@ export async function catalogListMetadata(
 ): Promise<Metadata> {
   return landingPageMetadata({
     pageParam: (await searchParams).page,
-    discover: ({ page }) => readCatalogList(list, page),
+    discover: async ({ page }) =>
+      (await readTaggedCatalogGridPage(list, page)).paged,
     title: list.heading,
     description: list.note,
     pageHref: (page) => listPageHref(list, page),
diff --git a/lib/search/constants.ts b/lib/search/constants.ts
index c8086e9..51fee43 100644
--- a/lib/search/constants.ts
+++ b/lib/search/constants.ts
@@ -43,9 +43,6 @@ export const SCAN_TARGET = 20;
 /** The most TMDB pages filtered search reads for one results page (AC-13). */
 export const SCAN_MAX_PAGES = 5;
 
-/** TMDB's result page size, which the partial range is computed from. */
-export const TMDB_PAGE_SIZE = 20;
-
 /**
  * TMDB's search endpoints report at most this many results, so a total at the
  * cap is a floor, not a count (AC-3). Observed live on 2026-09-24 and asserted
diff --git a/lib/search/read.test.ts b/lib/search/read.test.ts
index cf2cea1..2fbd62c 100644
--- a/lib/search/read.test.ts
+++ b/lib/search/read.test.ts
@@ -4,7 +4,7 @@ import type { MovieSummary, Paged, TvShowSummary } from "@/lib/tmdb/types";
 
 import { emptySearchParams, type SearchParams } from "./params";
 
-/** covers: spec 0010, AC-11, AC-12, AC-13, AC-16, AC-20 */
+/** covers: spec 0010, AC-11, AC-12, AC-13, AC-16, AC-20; spec 0022, AC-21 */
 
 const tmdb = vi.hoisted(() => ({
   searchMovies: vi.fn(),
@@ -18,9 +18,13 @@ vi.mock("@/lib/tmdb", async (importOriginal) => {
   return { ...actual, ...tmdb };
 });
 
-const { readDiscoverPage, readSearchPage, fromMovie, fromShow } = await import(
-  "./read"
-);
+const {
+  readDiscoverPage,
+  readSearchGridPage,
+  readSearchPage,
+  fromMovie,
+  fromShow,
+} = await import("./read");
 
 const MOVIE: MovieSummary = {
   id: 438631,
@@ -176,3 +180,82 @@ describe("readDiscoverPage", () => {
     );
   });
 });
+
+describe("readSearchGridPage", () => {
+  /** TMDB page `n` of a 600 result list, ids being 1 based positions. */
+  function tmdbPage(n: number, total = 600) {
+    const start = (n - 1) * 20 + 1;
+    const end = Math.min(n * 20, total);
+    return {
+      page: n,
+      results: Array.from({ length: Math.max(end - start + 1, 0) }, (_, i) => ({
+        ...SHOW,
+        id: start + i,
+      })),
+      totalPages: Math.ceil(total / 20),
+      totalResults: total,
+    };
+  }
+
+  it("reads the two search pages that hold a 24 title page, with the year", async () => {
+    tmdb.searchTvShows.mockImplementation(async (_q, { page }) =>
+      tmdbPage(page),
+    );
+
+    const page = await readSearchGridPage(
+      "search",
+      params({ q: "dune", year: 2024, page: 2 }),
+    );
+
+    expect(tmdb.searchTvShows.mock.calls).toEqual([
+      ["dune", { year: 2024, page: 2 }],
+      ["dune", { year: 2024, page: 3 }],
+    ]);
+    expect(page.results.map((result) => result.id)).toEqual(
+      Array.from({ length: 24 }, (_, index) => 25 + index),
+    );
+    expect(page).toMatchObject({ totalPages: 25, totalResults: 600 });
+  });
+
+  it("sends discover's filters with each of its two pages", async () => {
+    tmdb.discoverMovies.mockImplementation(async ({ page }) => tmdbPage(page));
+
+    await readSearchGridPage(
+      "discover",
+      params({ type: "movie", genreIds: [18], rating: 7, page: 3 }),
+    );
+
+    expect(tmdb.discoverMovies.mock.calls.map(([options]) => options)).toEqual(
+      [3, 4].map((page) => ({
+        genreIds: [18],
+        year: undefined,
+        minRating: 7,
+        minVoteCount: 100,
+        page,
+      })),
+    );
+  });
+
+  it("reports the grid's own last page for a short search", async () => {
+    tmdb.searchTvShows.mockImplementation(async (_q, { page }) =>
+      tmdbPage(page, 30),
+    );
+
+    const page = await readSearchGridPage(
+      "search",
+      params({ q: "dune", page: 2 }),
+    );
+
+    expect(page.results.map((result) => result.id)).toEqual([
+      25, 26, 27, 28, 29, 30,
+    ]);
+    expect(page.totalPages).toBe(2);
+  });
+
+  it("asks TMDB nothing for a page past grid page 417", async () => {
+    const page = await readSearchGridPage("browse", params({ page: 418 }));
+
+    expect(tmdb.discoverTvShows).not.toHaveBeenCalled();
+    expect(page.totalPages).toBe(0);
+  });
+});
diff --git a/lib/search/read.ts b/lib/search/read.ts
index 19338ca..898f2d4 100644
--- a/lib/search/read.ts
+++ b/lib/search/read.ts
@@ -1,5 +1,6 @@
 import "server-only";
 
+import { readGridPage } from "@/lib/catalog/grid-page";
 import { titleHref } from "@/lib/catalog/media-type";
 import {
   discoverMovies,
@@ -12,6 +13,7 @@ import {
   type TvShowSummary,
 } from "@/lib/tmdb";
 import { MIN_VOTE_COUNT, QUICK_LIMIT } from "./constants";
+import type { SearchMode } from "./mode";
 import type { SearchParams, SearchType } from "./params";
 import type { QuickSearchResponse } from "./quick";
 
@@ -107,6 +109,29 @@ export async function readDiscoverPage(
   return { ...page, results: page.results.map(fromShow) };
 }
 
+/**
+ * One 24 title page of browse, discover or plain search (spec 0022, AC-21):
+ * the two TMDB pages that hold it, read through `readSearchPage` or
+ * `readDiscoverPage`, so neighbouring grid pages share cache entries.
+ * `totalPages` is the grid's own count, already capped, which is what the
+ * results page checks `?page=` against. Filtered search is left out because
+ * it pages by its own cursor (AC-13). Throws the module's `TmdbError`
+ * unchanged.
+ */
+export function readSearchGridPage(
+  mode: Exclude<SearchMode, "filtered_search">,
+  params: SearchParams,
+): Promise<SearchPage> {
+  return readGridPage(params.page, (tmdbPage) =>
+    mode === "search"
+      ? readSearchPage(params.type, params.q ?? "", {
+          year: params.year ?? undefined,
+          page: tmdbPage,
+        })
+      : readDiscoverPage({ ...params, page: tmdbPage }),
+  );
+}
+
 /**
  * The quick search body built from page 1 of a search (spec 0010, AC-20):
  * TMDB's total and the first five results in TMDB's order, with posters at the
diff --git a/lib/search/scan.ts b/lib/search/scan.ts
index 88629fb..032dd04 100644
--- a/lib/search/scan.ts
+++ b/lib/search/scan.ts
@@ -1,13 +1,8 @@
 import "server-only";
 
-import { lastReachablePage } from "@/lib/catalog/pages";
+import { lastReachablePage, TMDB_PAGE_SIZE } from "@/lib/catalog/pages";
 
-import {
-  MIN_VOTE_COUNT,
-  SCAN_MAX_PAGES,
-  SCAN_TARGET,
-  TMDB_PAGE_SIZE,
-} from "./constants";
+import { MIN_VOTE_COUNT, SCAN_MAX_PAGES, SCAN_TARGET } from "./constants";
 import type { SearchParams } from "./params";
 import { readSearchPage, type SearchPage, type SearchResult } from "./read";
 
diff --git a/lib/tracking/library-lists.test.ts b/lib/tracking/library-lists.test.ts
index 0e79296..d8011e5 100644
--- a/lib/tracking/library-lists.test.ts
+++ b/lib/tracking/library-lists.test.ts
@@ -149,15 +149,15 @@ function settled(
 describe("libraryLastPage", () => {
   it.each([
     [0, 1],
-    [20, 1],
-    [21, 2],
-    [41, 3],
+    [24, 1],
+    [25, 2],
+    [49, 3],
   ])("a list of %s cards ends on page %s", (total, last) => {
     expect(libraryLastPage(total)).toBe(last);
   });
 
-  it("pages by 20 and checks at most 500 titles (AC-16)", () => {
-    expect(LIBRARY_PAGE_SIZE).toBe(20);
+  it("pages by 24 and checks at most 500 titles (AC-16; spec 0022, AC-21)", () => {
+    expect(LIBRARY_PAGE_SIZE).toBe(24);
     expect(LIBRARY_CLASSIFY_LIMIT).toBe(500);
   });
 });
@@ -383,7 +383,7 @@ describe("getShowLibraryTab (AC-7 to AC-12, AC-16)", () => {
     });
     if (tab.kind !== "ok") throw new Error("read failed");
     expect(tab.total).toBe(25);
-    expect(tab.cards.map((card) => card.showId)).toEqual([21, 22, 23, 24, 25]);
+    expect(tab.cards.map((card) => card.showId)).toEqual([25]);
   });
 
   it("reads past the response cap for the watched episodes, page by page", async () => {
@@ -741,7 +741,7 @@ describe("getMovieLibraryTab (AC-13, AC-16, AC-17)", () => {
 });
 
 describe("getWatchedMoviesPage (spec 0008, AC-2, AC-9)", () => {
-  it("reads the owner's watched movies, newest first, 20 per page, with an exact count", async () => {
+  it("reads the owner's watched movies, newest first, 24 per page, with an exact count", async () => {
     responses = [
       {
         data: [
@@ -752,7 +752,7 @@ describe("getWatchedMoviesPage (spec 0008, AC-2, AC-9)", () => {
           },
         ],
         error: null,
-        count: 22,
+        count: 25,
       },
     ];
     expect(await getWatchedMoviesPage("user-a", 2)).toEqual({
@@ -764,7 +764,7 @@ describe("getWatchedMoviesPage (spec 0008, AC-2, AC-9)", () => {
           rating: 9,
         },
       ],
-      total: 22,
+      total: 25,
     });
     expect(calls).toEqual([
       { method: "from", args: ["user_movie_state"] },
@@ -776,7 +776,7 @@ describe("getWatchedMoviesPage (spec 0008, AC-2, AC-9)", () => {
       { method: "not", args: ["watched_at", "is", null] },
       { method: "order", args: ["watched_at", { ascending: false }] },
       { method: "order", args: ["movie_id", { ascending: true }] },
-      { method: "range", args: [20, 39] },
+      { method: "range", args: [24, 47] },
     ]);
   });
 
diff --git a/lib/tracking/library-lists.ts b/lib/tracking/library-lists.ts
index 8661157..4d3a9c5 100644
--- a/lib/tracking/library-lists.ts
+++ b/lib/tracking/library-lists.ts
@@ -1,5 +1,6 @@
 import "server-only";
 
+import { GRID_PAGE_SIZE } from "@/lib/catalog/grid-page";
 import type { LibraryList } from "@/lib/catalog/library-list";
 import {
   classifyMovie,
@@ -43,8 +44,11 @@ import { logTrackingEvent, TRACKING_EVENT } from "./log";
  * instant never swap places between pages.
  */
 
-/** Cards per page on every library tab (AC-16). */
-export const LIBRARY_PAGE_SIZE = 20;
+/**
+ * Cards per page on every library tab (AC-16): the grid's page size, so a
+ * full page fills every row (spec 0022, AC-21).
+ */
+export const LIBRARY_PAGE_SIZE = GRID_PAGE_SIZE;
 
 /**
  * How many titles one request classifies per media type (AC-16). Each is a
diff --git a/prompts/full-grid-rows.md b/prompts/full-grid-rows.md
new file mode 100644
index 0000000..68ebbce
--- /dev/null
+++ b/prompts/full-grid-rows.md
@@ -0,0 +1,84 @@
+# Full grid rows
+
+## Goal
+
+On every full page, every row of every title grid is filled at every width. Today a page holds 20 titles and the `catalog` grid steps 2/3/4/5/6 columns; 20 does not divide by 3 or 6, so at 6 columns (1280px and wider) a page ends 4 cards short. Move every paged grid to 24 titles and the columns to 2/3/4/6. Amends spec 0022 (AC-1, AC-2, AC-4, AC-6, new AC-21 and AC-22); decided in the 2026-10-13 grilling session.
+
+## Inspected
+
+- `components/poster-grid.tsx` and `poster-grid.test.tsx` (the presets, `sizes` rule, eager count)
+- `components/catalog/catalog-list-page.tsx` (`PAGE_SIZE = 20` skeleton, `lastReachablePage`), `lib/catalog-list-read.ts` (`readCatalogList`, shared with the home rows and `generateMetadata`), `lib/landing-metadata.ts`
+- `components/search/search-results.tsx` (`PAGE_SIZE = 20` skeleton, modes), `lib/search/read.ts` (`readSearchPage`, `readDiscoverPage`), `lib/search/mode.ts`, `lib/search/scan.ts`, `lib/search/constants.ts` (`TMDB_PAGE_SIZE`, `SCAN_TARGET`), `lib/search/count.ts`
+- `lib/catalog/pages.ts` (`TMDB_MAX_PAGE = 500`, `parsePageParam`, `lastReachablePage`)
+- `lib/tracking/library-lists.ts` (`LIBRARY_PAGE_SIZE = 20`, `libraryLastPage`, in memory slice and database range) and its test
+- `components/library/library-panels.tsx` (`LibrarySkeleton` visibility list), `library-grid.tsx`, `show-library-tab.tsx`, `movie-library-tab.tsx`
+- `docs/specs/0022-card-size-title-pages/` (amended in this change), and the specs that state 20 a page: 0006, 0008 (AC-11), 0009, 0020 (AC-16), 0021
+
+## Skills
+
+- `next-dev-loop` to check the grids and pagination in the running app.
+- `supabase` is not needed: `LIBRARY_PAGE_SIZE` only changes the slice and the range, with no schema or RLS change.
+
+## Decisions (from the grilling, owner approved)
+
+1. **24 a page, columns 2 → 3 (`sm`) → 4 (`md`, `lg`) → 6 (`xl`).** 24 divides by every step. The 1200px cap, gaps and eager count (6) stay.
+2. **`sizes`** by the AC-4 rule: `(min-width: 1280px) 187px, (min-width: 1232px) 288px, (min-width: 768px) 25vw, (min-width: 640px) 33vw, 50vw`.
+3. **All `catalog` grids**: See all list pages, `/search` (browse, search, discover), every library tab, their skeletons, `/showcase`. The season grid (`wide`) is unchanged.
+4. **TMDB window.** Page *p* shows TMDB results `(p-1)×24+1` to `p×24`, which always span exactly two TMDB pages, read in parallel through the existing cached reads, so neighbours share one cache entry. A TMDB page past 500 is never requested.
+5. **Last page** `ceil(min(total_results, min(total_pages, 500) × 20) / 24)`: page 417 of a 10,000 result list shows 16 titles.
+6. **One failed half fails the page**: the existing error panel with Retry.
+7. **A title on both TMDB pages appears once** (React keys need it). Each TMDB page is cut by its own positions, so the next page never shifts, and the gap is filled from results already read past the window. Amended during the build: TMDB repeats a title at the page 1/2 edge of popular movies today (id 1284046), which left page 1 at 23 cards.
+8. **Filtered search stays as is**: cursor based, `SCAN_TARGET = 20`, variable card count. Named exception.
+9. **Short rows accepted** on a last page, filtered search, a library page after an in place removal, a deduplicated page, the season grid.
+10. **No redirects** for old `?page=N` links; past the new last page they show the existing "That page doesn't exist" panel.
+11. **The home rows keep TMDB page 1** (`readCatalogList` is unchanged); only the See all pages use the window.
+
+## Design
+
+- **`lib/catalog/grid-page.ts`** (new, pure, no `server-only`): `GRID_PAGE_SIZE = 24`; `TMDB_PAGE_SIZE = 20` moves from `lib/search/constants.ts` to `lib/catalog/pages.ts`, beside `TMDB_MAX_PAGE` (a TMDB fact, amended after review), and `scan.ts` imports it from there; `gridPageWindow(page)` → `{ tmdbPages: number[], skip }` with pages above `TMDB_MAX_PAGE` dropped; `lastGridPage(totalResults, totalPages)`; `combineGridPage(page, tmdbPages: Paged<T>[])` → `Paged<T>` (concatenate, deduplicate by id, skip, take 24, `totalPages` = `lastGridPage`, `totalResults` from the first read). Unit tested.
+- **`readGridPage(page, readTmdbPage)`** (in the same module, generic over the read function): `Promise.all` over the window, then `combineGridPage`. A rejection propagates as the `TmdbError` it already is.
+- **Catalog**: `readTaggedCatalogGridPage(list, page)` in `lib/catalog-list-read.ts` (an untagged twin was folded into it after review), used by `CatalogListPage` and `catalogListMetadata`. `readCatalogList` stays for the home rows.
+- **Search**: `search` and `browse`/`discover` modes read through `readGridPage` over `readSearchPage` and `readDiscoverPage`. `FilteredResults` is untouched.
+- **Pages**: callers use the combined `totalPages` (already capped), so `lastReachablePage` is no longer applied on top of it in those two places. `parsePageParam` keeps its 1–500 range.
+- **Grid**: the `catalog` classes become `grid-cols-2 sm:grid-cols-3 md:grid-cols-4 xl:grid-cols-6`, with the new `sizes`; the JSDoc drops "short last row accepted". `COLUMNS_AT` in the test follows.
+- **Skeletons**: both 20 card skeletons use `GRID_PAGE_SIZE`; `LibrarySkeleton` visibility becomes `["", "", "hidden sm:block", "hidden md:block", "hidden xl:block", "hidden xl:block"]`.
+- **Library**: `LIBRARY_PAGE_SIZE = 24`. `fetchMoviesByIds` already batches 8 at a time, so 24 is three batches.
+
+## Expected files
+
+- New: `lib/catalog/grid-page.ts`, `lib/catalog/grid-page.test.ts`
+- `components/poster-grid.tsx`, `components/poster-grid.test.tsx`, `components/poster-card.tsx` (sizes comment only, if it names columns)
+- `lib/catalog-list-read.ts`, `components/catalog/catalog-list-page.tsx`, `lib/landing-metadata.ts` (+ tests)
+- `lib/search/read.ts`, `lib/search/constants.ts`, `components/search/search-results.tsx` (+ tests)
+- `lib/tracking/library-lists.ts`, `lib/tracking/library-lists.test.ts`, `components/library/library-panels.tsx` (+ skeleton test)
+- Docs: spec 0022 (done with this plan), one line amendment notes in specs 0006, 0008, 0009, 0020, 0021 where they say 20; `components/AGENTS.md` grid description (via `/sync` after the build)
+
+## Requirements and acceptance criteria
+
+- At 375, 640, 768, 1024 and 1280px+ a full page of `/movies/popular`, `/shows/top-rated`, `/search?type=movie` (browse), `/search?q=star` and a library tab with 24+ titles has no empty slot in its last row.
+- Page 2 of a list starts with TMDB result 25 and has no title from page 1 (unless TMDB itself re-ranked between reads).
+- The pagination count matches `lastGridPage`; `?page=` past it shows "That page doesn't exist"; page 417 of a capped list renders.
+- Filtered search (`/search?q=star&genre=…`) behaves exactly as before.
+- A failed TMDB read on either half shows the error panel with Retry.
+- The home rows still show TMDB page 1 (12 cards), unchanged.
+- The season grid is unchanged.
+- No horizontal scroll, 44px tap targets kept, eager first row of 6.
+
+## Security
+
+Public catalog data only. No new request state enters a cached scope: the window function takes only the page number, and each TMDB read keeps its existing cache key. No auth, RLS or schema change; the library change only resizes an owner scoped slice and range.
+
+## Automated checks
+
+`pnpm typecheck`, `pnpm lint`, `pnpm test` (new `grid-page.test.ts`: window at pages 1, 2, 5, 417; skip values 0/4/8/12/16; TMDB page 501 dropped; dedupe; last page maths incl. empty list and the 10,000 cap; the updated `poster-grid.test.tsx` sizes invariant; `LIBRARY_PAGE_SIZE` is 24), `pnpm build` (route table unchanged).
+
+## Manual test
+
+1. `pnpm dev:docker`, open `/movies/popular` at 1440px: 4 full rows of 6. Resize to 1100px (6 rows of 4), 700px (8 rows of 3), 375px (12 rows of 2): no gaps.
+2. Note the last card on page 1, open page 2: its first card is the next title, and the pagination last page matches the count.
+3. Open `/movies/popular?page=417`: up to 16 cards; `?page=418` shows "That page doesn't exist".
+4. `/search?type=tv` and `/search?type=movie&q=star`: 24 cards, full rows; pages 2 and 3 work.
+5. `/search?type=movie&q=star&rating=7`: same behaviour as before (variable count, "More results" cursor).
+6. Signed in with 25+ planned movies, `/watchlist?type=movie`: 24 cards on page 1, the rest on page 2. Remove one card: the row shortens in place (accepted).
+7. `/shows` and `/movies` landings: rows unchanged. A show page: season grid unchanged.
+8. View source of `/movies/popular?page=2`: the canonical is `?page=2`; `?page=500` is `noindex`.