From bb9f59b3ccf9fd1309ca053b1fcd6e3e373c84ff Mon Sep 17 00:00:00 2001
From: hz <zeeshaun@gmail.com>
Date: Sat, 25 Jul 2026 09:14:27 -0500
Subject: [PATCH] Center STEP 3 TRAINER under the RanaZe wordmark

.loader-wordmark had no explicit width or text-align, so as a flex
item (align-items: center) it shrink-wrapped to whatever width the
"RanaZe" inline spans needed. wordmark-trainer's display:block then
filled that same ambiguous width rather than the wordmark block's
true rendered box, leaving it off-center relative to "RanaZe" above
it. Giving .loader-wordmark an explicit width:100% and text-align:
center makes both lines center within the same known-width box.

Verified in a real browser: both elements now report identical
getBoundingClientRect() centers (x=960 in a 1920px viewport).
---
 web/medmind_shell.html | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/web/medmind_shell.html b/web/medmind_shell.html
index 257f86c..c6c5b4b 100644
--- a/web/medmind_shell.html
+++ b/web/medmind_shell.html
@@ -180,6 +180,8 @@
 				letter-spacing: 0;
 				line-height: 1;
 				margin: 12px 0 0;
+				text-align: center;
+				width: 100%;
 			}
 
 			.wordmark-rana {