diff --git a/B07_DesignDetail/B07_DesignDetail_UI_Style.css b/B07_DesignDetail/B07_DesignDetail_UI_Style.css
index 1dcfce89..7bdd7f9f 100644
--- a/B07_DesignDetail/B07_DesignDetail_UI_Style.css
+++ b/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);
 }