From d53dd812022164d9418c9f9eedb6523346a46bc6 Mon Sep 17 00:00:00 2001
From: krisf <krisf@krisforbes.ca>
Date: Fri, 9 Oct 2026 13:00:09 -0400
Subject: [PATCH] =?UTF-8?q?Fix=20.tbl-wrap::before=20float=20bug=20(<=3D56?=
 =?UTF-8?q?0px):=20float:right=20340px-tall=20pseudo-element=20pushed=20ta?=
 =?UTF-8?q?bles=20340px=20below=20their=20wrap,=20clipping=20them=20out=20?=
 =?UTF-8?q?of=20view=20=E2=80=94=20broke=20BOTH=20the=20PS=20pension=20car?=
 =?UTF-8?q?d=20table=20AND=20the=20year-by-year=20table=20on=20mobile.=20N?=
 =?UTF-8?q?ow=20position:absolute=20overlay.=20PS=20card=20also=20gets=20m?=
 =?UTF-8?q?ax-height:none=20(8=20rows,=20show=20all).?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 site/style.css | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/site/style.css b/site/style.css
index d7dda59..6bde65d 100644
--- a/site/style.css
+++ b/site/style.css
@@ -153,6 +153,7 @@ input[type=range]{width:100%;accent-color:var(--blue)}
 .wi-grid label{font-size:14px;font-weight:600}
 .wi-grid output{color:var(--blue);font-weight:800;float:right}
 .tbl-wrap{overflow:auto;max-height:340px;border:1px solid var(--line);border-radius:8px;margin-top:8px}
+#ps-card .tbl-wrap{max-height:none} /* PS card: only 8 rows — show them all, no inner scroll */
 table{border-collapse:collapse;font-size:12.5px;width:100%}
 th,td{padding:5px 8px;border-bottom:1px solid var(--line);text-align:right;white-space:nowrap}
 /* PS pension card breakdown table: wrap text, fixed layout → fits 320px.
@@ -172,9 +173,9 @@ tr.dep td{color:var(--red)}
 @media(max-width:560px){
   th:nth-child(4),td:nth-child(4),th:nth-child(9),td:nth-child(9){display:none} /* Non-reg, GIS */
   table{font-size:13px}
-  /* right-edge fade so the horizontal scroll is discoverable (::before = first child, pinned to the visible top-right) */
+  /* right-edge fade so the horizontal scroll is discoverable (::before pinned to the visible top-right) */
   .tbl-wrap{position:relative}
-  .tbl-wrap::before{content:"";float:right;width:26px;height:340px;background:linear-gradient(90deg,transparent,var(--card));pointer-events:none}
+  .tbl-wrap::before{content:"";position:absolute;right:0;top:0;width:26px;height:100%;background:linear-gradient(90deg,transparent,var(--card));pointer-events:none}
 }
 
 /* Round 4: app-shell the quiz screen — #step-body is the only scroll container;