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/components/FeaturedBentoFromDb.tsx

@@ -1,6 +1,7 @@
 import Link from "next/link";
 import { createClient } from "@supabase/supabase-js";
 import { rewriteLegacyImageUrl } from "@/lib/legacy-image";
+import StarRating from "@/components/StarRating";
 
 export const dynamic = "force-dynamic";
 
@@ -106,6 +107,7 @@ export default async function FeaturedBento() {
             )}
             <div className="mt-4 flex flex-wrap items-center gap-3 text-[11px] font-mono text-[#9ca3af]">
               <span>{hero.author_name || "Broadcast Beat"}</span>
+              <StarRating seed={hero.wp_slug} publishedAt={hero.wp_published_at} size="sm" />
               <span aria-hidden="true" className="text-[var(--color-text-info,#60a5fa)] ml-2">→ Read full story</span>
             </div>
           </div>
@@ -134,6 +136,9 @@ export default async function FeaturedBento() {
               <h4 className="font-serif text-sm leading-tight text-[#e5e7eb] group-hover:text-[var(--color-text-info,#60a5fa)] line-clamp-3">
                 {r.title}
               </h4>
+              <div className="mt-2">
+                <StarRating seed={r.wp_slug} publishedAt={r.wp_published_at} size="sm" showCount={false} />
+              </div>
             </div>
           </Link>
         ))}