From 9f5cd4ad874f572b38fa6407fac15950479017d8 Mon Sep 17 00:00:00 2001
From: Dinesh <13635627+HumbleBee14@users.noreply.github.com>
Date: Sat, 5 Sep 2026 02:46:43 -0700
Subject: [PATCH] Captions: shrink-to-fit so short center, long stay flush-left

Short captions hug their text (appear centered); multi-line captions
fill to max-width and read flush-left, avoiding a ragged left edge on
return sweeps. Fixes the left-aligned short captions under centered
tables/figures. Preview and published share the class, so both sync.
---
 src/styles/global.css | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/styles/global.css b/src/styles/global.css
index 662ab65..96bd6e4 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -1965,14 +1965,18 @@ a.hashtag:hover {
   height: auto;
   margin: 0 auto;
 }
+/* Shrink-to-fit box: a short caption hugs its text and reads centered; a long
+   one fills to max-width and stays flush-left (a centered multi-line block
+   gives the eye a ragged left edge to hunt for on each return sweep). */
 .article-body .inline-figure-caption {
+  display: table;
+  margin: 10px auto 0;
+  max-width: 78ch;
   font-family: var(--font-read);
   font-size: 14px;
   line-height: 1.55;
   color: var(--ink-2);
-  margin-top: 10px;
   text-align: left;
-  max-width: 78ch;
 }
 
 .article-body .table-wrap {