fix(B07): 좁은 폭에서 횡단도 2열이 이름을 자르던 것 — 칸이 좁으면 1열로 접힘

공용 오버레이가 좁은 폭에서 좌측 패널을 320 에서 280·227·182 로 물리면서(ef4cdb66)
2열 칸이 128.8 에서 108.8·82.4·60px 까지 줄어 도면 이름이 말줄임으로 잘렸음.
문서 넘침은 0 이라 수치로는 안 잡히는 자리 — 잘린 것이 `overflow: hidden` 안이라서.

실측 (도면 31장, 잘린 이름 수 · 고치기 전 → 뒤)
  1400·1000    0 → 0   (2열 128.8px 그대로 — 넓은 폭 배치 안 건드림)
  860·760·620  1 → 0   (1열 221.6px)
  560         16 → 0   (1열 168.8px)
  500         19 → 2   (1열 124px)

남은 2건은 횡단도 격자 밖(「계획평면도(노선배치도)」 등)이고 폭 500 에서만 남음 —
그 폭에서 패널이 182px 까지 물러난 결과라 공용 오버레이 몫.

`repeat(auto-fit, minmax(120px, 1fr))` — 가장 긴 이름 107px + 단추 안여백·테두리
20px 를 문턱으로 잡음. 넓은 폭에서는 두 칸이 들어가 배치가 그대로임.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>

B07_DesignDetail/B07_DesignDetail_UI_Style.css

@@ -49,10 +49,16 @@
   padding: var(--spacing-8);
 }
 
-/* 횡단도는 2열 배치 */
+/* 횡단도는 2열 배치 — 단, **칸이 좁아지면 1열로 접는다**(2026-09-08).
+   좌측 패널이 320 고정이던 동안은 2열이 늘 128.8px 라 문제가 없었으나, 공용
+   오버레이가 좁은 폭에서 패널을 280·227·182 로 물리면서 칸이 108.8 → 82.4 → 60px
+   까지 줄었다. 실측: 폭 560 에서 이름 31개 중 **16개**, 폭 500 에서 **19개**가
+   말줄임으로 잘려 「9장 (No.26+14.0)」이 「9장 …」이 됐다. 넘침 수치는 0 이라
+   안 잡히는 자리다 — 잘린 것은 `overflow: hidden` 안이라서.
+   가장 긴 이름이 107px, 단추 안여백·테두리가 20px 이므로 120px 를 접는 문턱으로 둔다. */
 .b07-drawing-group[data-kind="cross"] {
   display: grid;
-  grid-template-columns: 1fr 1fr;
+  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
   gap: var(--spacing-4);
 }