diff --git a/marketing-site/pages/read/recipe/[id].jsx b/marketing-site/pages/read/recipe/[id].jsx
index d4e3529..21efe62 100644
--- a/marketing-site/pages/read/recipe/[id].jsx
+++ b/marketing-site/pages/read/recipe/[id].jsx
@@ -18,7 +18,7 @@ export default function RecipeFocus() {
       <>
         <ReaderNav chapterName="Real Estate" />
         <main>
-          <div className="wrap recipe-focus-page">
+          <div className="wrap reader-wide recipe-focus-page">
             <p className="spec">Loading recipe…</p>
           </div>
         </main>
@@ -30,12 +30,12 @@ export default function RecipeFocus() {
     return (
       <>
         <Head>
-          <title>Recipe not in this demo — AIBook.fun</title>
+          <title>Recipe not in this demo · AIBook.fun</title>
           <meta name="viewport" content="width=device-width, initial-scale=1" />
         </Head>
         <ReaderNav />
         <main>
-          <div className="wrap recipe-focus-page">
+          <div className="wrap reader-wide recipe-focus-page">
             <span className="spec demo-chip">Reading demo · not the live book</span>
             <h1 className="chapter-title">This recipe is not in the sample.</h1>
             <p className="library-lede">
@@ -57,16 +57,14 @@ export default function RecipeFocus() {
   return (
     <>
       <Head>
-        <title>
-          {recipe.id} on paper — AIBook.fun reading demo
-        </title>
+        <title>{`${recipe.id} on paper · AIBook.fun reading demo`}</title>
         <meta name="description" content={recipe.title} />
         <meta name="viewport" content="width=device-width, initial-scale=1" />
       </Head>
 
       <ReaderNav chapterName="Real Estate" />
       <main>
-        <div className="wrap recipe-focus-page">
+        <div className="wrap reader-wide recipe-focus-page">
           <span className="spec demo-chip">Reading demo · not the live book</span>
           <p className="spec chapter-kicker">Print / focus view</p>
           <p className="focus-back">