docs: focus the site on the language, one door and seven pages

__tests__/prose-program-srcs.test.ts

@@ -8,10 +8,10 @@ const REPO_ROOT = resolve(__dirname, "..");
 describe("<ProseProgram src> references", () => {
   const uses = findProseProgramUses(REPO_ROOT);
 
-  // The Reactor-forward docs no longer embed vendor `.prose` programs via
-  // <ProseProgram>, so an empty set is valid. The real guard is the per-use
-  // resolution check below: any <ProseProgram src> that *is* authored must
-  // point at a file that exists.
+  // Docs pages may embed vendor `.prose` programs via <ProseProgram>, and an
+  // empty set is also valid. The real guard is the per-use resolution check
+  // below: any <ProseProgram src> that *is* authored must point at a file
+  // that exists.
   it("every ProseProgram use found resolves (none is fine)", () => {
     expect(uses.length).toBeGreaterThanOrEqual(0);
   });

app/brand.css

@@ -249,3 +249,21 @@ a:hover .op-wordmark span:first-child {
 .prose-program figcaption span {
   color: var(--code-text-muted);
 }
+
+/* On narrow viewports, soft-wrap prose-shaped fences (markdown fences and the
+   ProseProgram panels, which are markdown by construction) so their sentences
+   stay readable instead of scrolling off-screen. Alignment-sensitive fences
+   (text diagrams, bash) keep their horizontal scroll. */
+@media (max-width: 767px) {
+  #nd-page pre:has(> code.language-markdown),
+  .prose-program pre {
+    min-width: 0;
+    width: auto;
+  }
+
+  #nd-page code.language-markdown,
+  .prose-program pre code {
+    white-space: pre-wrap;
+    overflow-wrap: anywhere;
+  }
+}

app/global.css

@@ -5,7 +5,8 @@
 /* ============================================
    OPENPROSE DOCS - DESIGN SYSTEM
    Mirrors platform/apps/run "warm manuscript" aesthetic.
-   Light-only: dark mode disabled in app/layout.tsx via RootProvider.
+   Light-only: the theme provider is disabled in app/layout.tsx and the
+   theme switch in lib/layout.shared.tsx.
    ============================================ */
 
 :root {

components/prose-program.tsx

@@ -20,7 +20,7 @@ export async function ProseProgram({
   const html = await highlightProse(code, { highlightLines });
 
   return (
-    <figure className="prose-program my-6 rounded-xl border border-fd-border overflow-hidden shadow-[0_1px_3px_rgba(0,0,0,0.04),0_4px_6px_rgba(0,0,0,0.02)]">
+    <figure className="prose-program not-prose my-6 rounded-xl border border-fd-border overflow-hidden shadow-[0_1px_3px_rgba(0,0,0,0.04),0_4px_6px_rgba(0,0,0,0.02)]">
       {(title || copy) && (
         <figcaption className="flex items-center justify-between px-4 py-2.5 bg-fd-muted border-b border-fd-border">
           <span className="font-mono text-xs uppercase tracking-[0.08em] text-fd-muted-foreground">