fix(M01): 좁은 화면에서 일위대가 로직 목록·호표 표가 안 보이던 것 고침

시험 계산 칸이 없어도 그리드가 280px 빈 칸을 남겨 390px 에서 본문 폭이 0 이 되던 것을
시험 계산 칸이 보일 때만 두 칸으로 하고, 900px 이하는 본문 위 · 시험 계산 아래로 쌓음.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01PAdA5ThqmtVSsbzjusk1cJ

M01_MasterData/M01_MasterData_UI_Logic_Style.css

@@ -3,9 +3,10 @@
   display: none !important;
 }
 
+/* 시험 계산 칸은 「고급」 보기에만 있음 — 없을 때는 본문이 한 칸 전체(빈 280px 칸을 남기지 않음) */
 .m01-logic {
   display: grid;
-  grid-template-columns: minmax(0, 1fr) 280px;
+  grid-template-columns: minmax(0, 1fr);
   gap: var(--spacing-12);
   height: 100%;
   min-height: 0;
@@ -15,6 +16,24 @@
   font-size: var(--text-body-sm);
 }
 
+.m01-logic:has(> .m01-logic__calc:not([hidden])) {
+  grid-template-columns: minmax(0, 1fr) 280px;
+}
+
+/* 좁은 화면 — 본문 위 · 시험 계산 아래로 쌓고 본문이 폭을 다 씀(표는 제 칸 안에서 가로로 밀림) */
+@media (width <= 900px) {
+  .m01-logic,
+  .m01-logic:has(> .m01-logic__calc:not([hidden])) {
+    grid-template-columns: minmax(0, 1fr);
+    height: auto;
+  }
+
+  .m01-logic__main,
+  .m01-logic__calc {
+    overflow: visible;
+  }
+}
+
 .m01-logic__main,
 .m01-logic__calc {
   display: flex;