chore(release): 4.20.4 [skip ci]

## [4.20.4](https://github.com/antialias/soroban-abacus-flashcards/compare/v4.20.3...v4.20.4) (2025-10-19)

### Bug Fixes

* **homepage:** use inline styles for Your Journey text contrast ([8e51390](8e51390018)), closes [#e5e7](https://github.com/antialias/soroban-abacus-flashcards/issues/e5e7) [#e5e7](https://github.com/antialias/soroban-abacus-flashcards/issues/e5e7) [#9ca3](https://github.com/antialias/soroban-abacus-flashcards/issues/9ca3) [#d1d5](https://github.com/antialias/soroban-abacus-flashcards/issues/d1d5)

CHANGELOG.md

@@ -1,3 +1,10 @@
+## [4.20.4](https://github.com/antialias/soroban-abacus-flashcards/compare/v4.20.3...v4.20.4) (2025-10-19)
+
+
+### Bug Fixes
+
+* **homepage:** use inline styles for Your Journey text contrast ([8e51390](https://github.com/antialias/soroban-abacus-flashcards/commit/8e5139001818d7013e1b2654ac707f7429316d58)), closes [#e5e7](https://github.com/antialias/soroban-abacus-flashcards/issues/e5e7) [#e5e7](https://github.com/antialias/soroban-abacus-flashcards/issues/e5e7) [#9ca3](https://github.com/antialias/soroban-abacus-flashcards/issues/9ca3) [#d1d5](https://github.com/antialias/soroban-abacus-flashcards/issues/d1d5)
+
 ## [4.20.3](https://github.com/antialias/soroban-abacus-flashcards/compare/v4.20.2...v4.20.3) (2025-10-19)
 
 

apps/web/src/app/page.tsx

@@ -379,9 +379,7 @@ export default function HomePage() {
               >
                 Your Journey
               </h2>
-              <p className={css({ color: 'rgba(229, 231, 235, 1)', fontSize: 'md' })}>
-                Progress from beginner to master
-              </p>
+              <p style={{ color: '#e5e7eb', fontSize: '16px' }}>Progress from beginner to master</p>
             </div>
 
             <div
@@ -426,17 +424,17 @@ export default function HomePage() {
                     >
                       {stage.level}
                     </div>
-                    <div className={css({ fontSize: 'sm', color: 'rgba(229, 231, 235, 1)' })}>
-                      {stage.label}
-                    </div>
+                    <div style={{ fontSize: '14px', color: '#e5e7eb' }}>{stage.label}</div>
                     {i < 3 && (
                       <div
-                        className={css({
-                          display: { base: 'none', md: 'block' },
+                        style={{
                           position: 'absolute',
                           right: '-50%',
-                          fontSize: 'xl',
-                          color: 'rgba(156, 163, 175, 1)',
+                          fontSize: '20px',
+                          color: '#9ca3af',
+                        }}
+                        className={css({
+                          display: { base: 'none', md: 'block' },
                         })}
                       >
                         →
@@ -446,12 +444,14 @@ export default function HomePage() {
                 ))}
               </div>
               <div
+                style={{
+                  textAlign: 'center',
+                  fontSize: '14px',
+                  color: '#d1d5db',
+                  fontStyle: 'italic',
+                }}
                 className={css({
                   mt: '6',
-                  textAlign: 'center',
-                  fontSize: 'sm',
-                  color: 'rgba(209, 213, 219, 1)',
-                  fontStyle: 'italic',
                 })}
               >
                 You'll progress through all these levels eventually ↑

package.json

@@ -1,6 +1,6 @@
 {
   "name": "soroban-monorepo",
-  "version": "4.20.3",
+  "version": "4.20.4",
   "private": true,
   "description": "Beautiful Soroban Flashcard Generator - Monorepo",
   "workspaces": [