diff --git a/src/view/footing-section-svg.ts b/src/view/footing-section-svg.ts
index 9787cbe..99b1bc7 100644
--- a/src/view/footing-section-svg.ts
+++ b/src/view/footing-section-svg.ts
@@ -36,8 +36,9 @@ export function footingSectionSvg(model: PierModel): string {
     `<circle class="${cls}" data-bar="${bar}" cx="${xx.toFixed(1)}" cy="${yy.toFixed(1)}" r="${r}" fill="${color}"/>`;
   const vline = (cls: string, bar: string, xx: number, y1: number, y2: number, color: string) =>
     `<line class="${cls}" data-bar="${bar}" x1="${xx.toFixed(1)}" x2="${xx.toFixed(1)}" y1="${y1.toFixed(1)}" y2="${y2.toFixed(1)}" stroke="${color}" stroke-width="1"/>`;
+  // Dimension text has a white halo (paint-order stroke) so that leader lines passing under it stay readable (도면 글자 가독성).
   const text = (xx: number, yy: number, s: string, anchor = 'start', fill = COLOR.outline) =>
-    `<text x="${xx.toFixed(1)}" y="${yy.toFixed(1)}" font-size="10" font-family="JetBrains Mono, monospace" fill="${fill}" text-anchor="${anchor}">${s}</text>`;
+    `<text x="${xx.toFixed(1)}" y="${yy.toFixed(1)}" font-size="10" font-family="JetBrains Mono, monospace" fill="${fill}" stroke="#fff" stroke-width="3" paint-order="stroke" text-anchor="${anchor}">${s}</text>`;
 
   // Footing outline (W × H) and the 하면 / 상면 levels.
   parts.push(`<rect x="${x(-W / 2).toFixed(1)}" y="${y(H).toFixed(1)}" width="${(W * kX).toFixed(1)}" height="${(H * kY).toFixed(1)}" fill="none" stroke="${COLOR.outline}" stroke-width="1.2"/>`);
@@ -107,7 +108,7 @@ export function footingSectionSvg(model: PierModel): string {
   };
   const yTop = 52;
   const yBot = y(0) + 50;
-  parts.push(bubble('B5', xa + 40, yTop, xa + 40, y(z.B5)));
+  parts.push(bubble('B5', xa + 150, yTop, xa + 150, y(z.B5)));
   parts.push(bubble('B1', x(xs[1]) + 30, yTop, x(xs[1]), y(z.B1)));
   const zB11 = js.length > 0 ? fs.cBottom + js[0] * fs.sV : fs.cBottom;
   parts.push(bubble('B11', xb - 30, yTop, xb, y(zB11)));