Match the site to the approved designs

Denser star field, the page nebula, a favicon package, the filament banner
without its box, the About portrait, Kashi and tea photos and Scorpius, the
Store's own header, a header logo glow, a resume PDF that fills its page,
one divider on the Library and Shelf, star-chart art for coverless
favorites, Shelf Players, Play time and blog filters with a Show all fold,
make kind pills on craft pages, and full-width closing bands.

Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_012aSbo2D1qP8cMFQCykf7kx

services/site/src/pages/store/order.astro

@@ -14,7 +14,7 @@ import LineStatus from "../../components/store/LineStatus.astro";
 import OrderForm from "../../components/store/OrderForm.astro";
 import { site } from "../../lib/page.ts";
 import { formatDate } from "../../lib/site.ts";
-import { canOrder, channelOf, storeState } from "../../lib/store.ts";
+import { canOrder, channelOf, storeNav, storeState } from "../../lib/store.ts";
 import { errorMessages, parseDraft, parseErrorCode } from "../../lib/forms.ts";
 import { turnstileSiteKey } from "../../lib/forms-server.ts";
 
@@ -35,7 +35,7 @@ const shown = orderable.length ? orderable : selling;
 const turnarounds = [...new Set(st.groups.map(([c]) => st.category(c).turnaround).filter((t): t is string => !!t))];
 const reopens = st.closed.filter((c) => c.reopens).map((c) => `${c.name} reopens ${formatDate(c.reopens)}.`);
 ---
-<PageShell title="Order request" family="store" current="store" description="Send an order request for something from the Store.">
+<PageShell title="Order request" family="store" current="store" store={storeNav(st, "/store/order")} description="Send an order request for something from the Store.">
   {turnstileKey && <script slot="head" src="https://challenges.cloudflare.com/turnstile/v0/api.js" async defer is:inline></script>}
   <section class="intro" aria-labelledby="order-h1">
     <Breadcrumb here="Order request" />