feat: refine letters UI

app/books/kb/[volume]/[slug]/page.tsx

@@ -35,7 +35,7 @@ export default async function KbChapterPage({
 
   return (
     <div className="min-h-screen bg-background">
-      <PageHeader sticky wide>
+      <PageHeader sticky>
         <Link
           href={`/books/kb/${vol}`}
           className="text-sm text-muted-foreground hover:text-foreground transition-colors"
@@ -50,7 +50,7 @@ export default async function KbChapterPage({
         </h1>
       </PageHeader>
 
-      <div className="w-full md:max-w-6xl mx-auto flex">
+      <div className="max-w-5xl mx-auto flex">
         {/* Left sidebar — chapter index */}
         <ChapterSidebar
           chapters={allChapters}

app/books/kb/[volume]/page.tsx

@@ -37,7 +37,7 @@ export default async function KbVolumePage({
         </h1>
         <p className="mt-1 text-muted-foreground">{chapters.length} chapters</p>
       </PageHeader>
-      <main className="max-w-3xl mx-auto px-6 py-8 space-y-8">
+      <main className="max-w-5xl mx-auto px-6 py-8 space-y-8">
         {/* Front Matter */}
         {introSegments.length > 0 && (
           <div>

app/books/kb/page.tsx

@@ -31,7 +31,7 @@ export default async function KbPage() {
         <h1 className="mt-3 text-3xl font-bold text-foreground">{title}</h1>
         <p className="mt-1 text-muted-foreground">{author}</p>
       </PageHeader>
-      <main className="max-w-3xl mx-auto px-6 py-8">
+      <main className="max-w-5xl mx-auto px-6 py-8">
         {description && (
           <p className="text-muted-foreground mb-6">{description}</p>
         )}