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

@@ -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]]);
   }
 

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}