ratings + typography + icons: StarRating ★★★★½ 4.7 (212) widget on cards + article headers; NYT/WaPo bb-article-prose body (Georgia 19/1.75, 720px col, drop cap, pull quotes, italic captions); bump homepage share icons to 32px/15px to match article page

src/app/news/[slug]/NewsArticleDetailClient.tsx

@@ -7,6 +7,7 @@ import Footer from "@/components/Footer";
 import AdSlot from "@/components/AdSlot";
 import SidebarAdStack from "@/components/SidebarAdStack";
 import ArticleBody from "@/components/ArticleBody";
+import StarRating from "@/components/StarRating";
 import { createClient } from "@/lib/supabase/client";
 import type { Article } from "@/lib/articles/types";
 
@@ -302,6 +303,9 @@ export default function NewsArticleDetailClient({
               <h1 className="font-heading text-3xl md:text-4xl font-bold mb-4 leading-tight text-[#f0f0f0]">
                 {article.title}
               </h1>
+              <div className="mb-4">
+                <StarRating seed={article.slug} publishedAt={article.publishedAt || article.date} size="md" />
+              </div>
               <p className="font-body text-lg text-[#999] mb-6 leading-relaxed">
                 {article.excerpt}
               </p>
@@ -448,13 +452,7 @@ export default function NewsArticleDetailClient({
             <ArticleBody
               html={article.content}
               everyN={4}
-              className="prose prose-invert max-w-none mb-8 font-body text-[#aaa] leading-relaxed
-                [&_h2]:font-heading [&_h2]:text-[#e0e0e0] [&_h2]:text-xl [&_h2]:font-bold [&_h2]:mt-8 [&_h2]:mb-4 [&_h2]:border-b [&_h2]:border-[#222] [&_h2]:pb-2
-                [&_p]:mb-4 [&_p]:leading-relaxed
-                [&_ul]:mb-4 [&_ul]:pl-5 [&_ul]:space-y-2
-                [&_li]:text-[#aaa]
-                [&_strong]:text-[#e0e0e0] [&_strong]:font-bold
-                [&_a]:text-[#3b82f6] [&_a]:hover:underline"
+              className="bb-article-prose prose prose-invert max-w-none mb-8"
             />
 
             {/* Tags */}