From 9fa69ef74e9b2bdfec9fef88bfe04a72345980c4 Mon Sep 17 00:00:00 2001
From: ops-bot <ops@relevantmediaproperties.com>
Date: Thu, 4 Jun 2026 14:53:40 +0000
Subject: [PATCH] ui(article): bb-article-prose Georgia -> Inter sans + body
 smoothing

Mirror of the BB article-prose change. Font-family swap only; colors were
already dark on AVB. Body smoothing re-enabled per Ryan.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 src/styles/tailwind.css | 22 ++++++++++++----------
 1 file changed, 12 insertions(+), 10 deletions(-)

diff --git a/src/styles/tailwind.css b/src/styles/tailwind.css
index 129cd4c..e55b31e 100644
--- a/src/styles/tailwind.css
+++ b/src/styles/tailwind.css
@@ -56,10 +56,12 @@ body {
   font-family: var(--font-body);
   background-color: var(--color-bg);
   color: var(--color-foreground);
-  /* Smoothing intentionally NOT overridden — `antialiased`/`grayscale` was
-     correct for the old dark theme but renders thinner/harsher on the new
-     light theme. Default OS smoothing (subpixel on Windows/older macOS,
-     `auto` elsewhere) gives Inter + Lora their intended weight. */
+  /* Smoothing re-enabled 2026-06-04 per Ryan ("jaggedy fix"). Subpixel
+     rendering was inconsistent across kiosk + browser combos. */
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  text-rendering: optimizeLegibility;
+  font-feature-settings: 'kern', 'liga';
 }
 
 /* =====================
@@ -1586,7 +1588,7 @@ a.company-mention:hover {
    Apply this class alongside the existing `prose prose-invert` on the
    article body render in /news/[slug] and /articles/[slug]. */
 .bb-article-prose {
-  font-family: Georgia, "Cheltenham Subhead", Charter, "Times New Roman", Times, serif !important;
+  font-family: var(--font-sans), -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif !important;
   font-size: 19px !important;
   line-height: 1.75 !important;
   color: #1e293b !important;
@@ -1606,7 +1608,7 @@ a.company-mention:hover {
 }
 .bb-article-prose p:first-of-type::first-letter {
   float: left;
-  font-family: Georgia, serif;
+  font-family: var(--font-sans), sans-serif;
   font-size: 64px;
   line-height: 0.95;
   font-weight: 700;
@@ -1615,7 +1617,7 @@ a.company-mention:hover {
   margin-top: 4px;
 }
 .bb-article-prose h2 {
-  font-family: Georgia, "Cheltenham Subhead", Charter, serif;
+  font-family: var(--font-sans), sans-serif;
   font-size: 28px;
   font-weight: 700;
   color: #0F172A;
@@ -1624,7 +1626,7 @@ a.company-mention:hover {
   line-height: 1.25;
 }
 .bb-article-prose h3 {
-  font-family: Georgia, "Cheltenham Subhead", Charter, serif;
+  font-family: var(--font-sans), sans-serif;
   font-size: 22px;
   font-weight: 700;
   color: #0F172A;
@@ -1642,7 +1644,7 @@ a.company-mention:hover {
 }
 .bb-article-prose blockquote::before {
   content: "“";
-  font-family: Georgia, serif;
+  font-family: var(--font-sans), sans-serif;
   font-size: 54px;
   line-height: 0;
   vertical-align: -0.4em;
@@ -1673,7 +1675,7 @@ a.company-mention:hover {
 }
 .bb-article-prose figcaption,
 .bb-article-prose .caption {
-  font-family: Georgia, serif;
+  font-family: var(--font-sans), sans-serif;
   font-size: 13px;
   font-style: italic;
   color: #9a9690;