test(M02): 48-2 정의 화면 시나리오 · 종류 줄 · 배치 줄 안 접힘 · 48-1 시나리오 새 화면 고름

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_016PSXsvyDxjNmufteN5bqmt

M02_MasterTemplete/StructOptions/M02_SO_Style.css

@@ -156,8 +156,19 @@
   font-weight: 600;
 }
 
+.m02-sod__kindrow {
+  flex-wrap: nowrap;
+}
+
 .m02-sod__kindrow > .m02-opts__kind {
   flex: 1 1 auto;
+  min-width: 0;
+}
+
+.m02-sod__kindrow > button:not(.m02-opts__kind),
+.m02-sod__family > button {
+  flex: none;
+  white-space: nowrap;
 }
 
 .m02-sod__block {
@@ -219,9 +230,21 @@
   align-items: start;
 }
 
+.m02-sod__place {
+  flex-wrap: nowrap;
+}
+
 .m02-sod__placename {
-  flex: 1 1 8rem;
+  flex: 1 1 6rem;
   min-width: 0;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+
+.m02-sod__place > .m02-sod__num {
+  flex: none;
+  width: 4rem;
 }
 
 .m02-sod__grid {