From c6c41d3595748801f59867afa6dc06791e05ebee Mon Sep 17 00:00:00 2001 From: Christopher Date: Thu, 9 Apr 2026 05:33:03 +0000 Subject: [PATCH 1/3] fix(web): improve lifecycle table text contrast and link visibility - Raise tbody cell color from --av-text-muted (55% lightness) to 78% lightness for readable body text on dark background - Add explicit td a link styling using --av-indigo (cyan) with hover state Co-Authored-By: Claude Sonnet 4.6 (1M context) --- apps/web/src/components/Lander.astro | 13 ++++++++++++- 1 file changed, 12 insertions(+), 1 deletion(-) diff --git a/apps/web/src/components/Lander.astro b/apps/web/src/components/Lander.astro index bd368010b..3d8efe3ae 100644 --- a/apps/web/src/components/Lander.astro +++ b/apps/web/src/components/Lander.astro @@ -1031,7 +1031,18 @@ th.av-col-highlight { tbody td { padding: 0.75rem 1.25rem; border-bottom: 1px solid var(--av-surface-border); - color: var(--av-text-muted); + color: hsl(240, 5%, 78%); +} + +tbody td a { + color: var(--av-indigo); + text-decoration: none; + transition: color 0.15s; +} + +tbody td a:hover { + color: hsl(185, 80%, 65%); + text-decoration: underline; } td.av-col-highlight { From 87c0332b42a32d477d822ab664f865b9f7caa9bd Mon Sep 17 00:00:00 2001 From: Christopher Date: Thu, 9 Apr 2026 05:39:12 +0000 Subject: [PATCH 2/3] fix(web): hide last table column and fade on narrow mobile MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit On viewports ≤ 480px, hide "What it does" column and the scroll fade so Layer / Tool / When fit cleanly without overflow or gradient artefact. Co-Authored-By: Claude Sonnet 4.6 (1M context) --- apps/web/src/components/Lander.astro | 10 ++++++++++ 1 file changed, 10 insertions(+) diff --git a/apps/web/src/components/Lander.astro b/apps/web/src/components/Lander.astro index 3d8efe3ae..d89451bd9 100644 --- a/apps/web/src/components/Lander.astro +++ b/apps/web/src/components/Lander.astro @@ -1246,6 +1246,16 @@ td code { .av-footer-cta { padding: 3rem 0; } + + /* Hide "What it does" column on narrow mobile so remaining columns fit */ + table thead th:last-child, + table tbody td:last-child { + display: none; + } + + .av-table-fade { + display: none; + } } @media (min-width: 769px) and (max-width: 1024px) { From 13966b89053f0bc5c8248fafd2e478ba5a90a025 Mon Sep 17 00:00:00 2001 From: Christopher Date: Thu, 9 Apr 2026 05:45:16 +0000 Subject: [PATCH 3/3] fix(web): remove table fade gradient on mobile, keep all columns The av-table-fade overlay was causing the visual line artefact. Remove the gradient on <=480px and set min-width so the table stays fully scrollable with all 4 columns accessible. Co-Authored-By: Claude Sonnet 4.6 (1M context) --- apps/web/src/components/Lander.astro | 8 +++----- 1 file changed, 3 insertions(+), 5 deletions(-) diff --git a/apps/web/src/components/Lander.astro b/apps/web/src/components/Lander.astro index d89451bd9..f11c765f3 100644 --- a/apps/web/src/components/Lander.astro +++ b/apps/web/src/components/Lander.astro @@ -1247,14 +1247,12 @@ td code { padding: 3rem 0; } - /* Hide "What it does" column on narrow mobile so remaining columns fit */ - table thead th:last-child, - table tbody td:last-child { + .av-table-fade { display: none; } - .av-table-fade { - display: none; + table { + min-width: 480px; } }