From f4b5698272635f015f59b3e6c981964eea23031f Mon Sep 17 00:00:00 2001
From: krisf <krisf@krisforbes.ca>
Date: Fri, 9 Oct 2026 10:26:40 -0400
Subject: [PATCH] FR round 3: end-anchor retire marker label (was clipped at
 320px card window); compact FR option buttons at <=700px (grid stays above
 pinned nav at 390px; EN untouched)

---
 site/app.js    | 2 +-
 site/style.css | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/site/app.js b/site/app.js
index 2de2f2d..959c023 100644
--- a/site/app.js
+++ b/site/app.js
@@ -409,7 +409,7 @@
     }
     var ret = Math.max(a0, inputs().retireAge);
     inner += '<line x1="' + X(ret) + '" x2="' + X(ret) + '" y1="' + T + '" y2="' + (H - B) + '" stroke="#94a3b8" stroke-dasharray="2 4"/>' +
-      '<text x="' + (X(ret) + 4) + '" y="' + (H - B - 6) + '" font-size="12" fill="#94a3b8">' + t('chart.retire') + '</text>';
+      '<text x="' + (X(ret) - 4) + '" y="' + (H - B - 6) + '" font-size="12" fill="#94a3b8" text-anchor="end">' + t('chart.retire') + '</text>';
     chart('#g1', svgWrap(inner), [[t('g1.legend'), COL.bal]]);
   }
 
diff --git a/site/style.css b/site/style.css
index d5d773d..4af1bdd 100644
--- a/site/style.css
+++ b/site/style.css
@@ -87,6 +87,10 @@ button,input{touch-action:manipulation}
 }
 @media(max-width:700px){
   .hdr .pill{display:none} /* privacy pill is repeated on the intro screen and the footer */
+  /* FR round 3: longer French province names wrap and push the option grid under the pinned
+     nav at initial scroll — compact FR option buttons keep the grid above the nav zone at
+     390px. Scoped to html[lang=fr]: English rendering is untouched. */
+  html[lang="fr"] .opt{font-size:13px;padding:12px 4px}
 }
 .panel{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:14px}
 .panel-h{font-weight:700;font-size:14px;margin-bottom:8px}