Merge remote-tracking branches 'origin/sub_laptop_1' and 'origin/sub_laptop_2' into main_laptop_1

M02_MasterTemplete/M02_MasterTemplete_Structure.css

@@ -6,21 +6,18 @@
   display: contents;
 }
 
-/* 도면 정보는 한 줄 전체 · 면적산출 · 재료산출은 반반(둘 합 + 간격 = 도면 정보 폭) ·
-   카드 하나가 520px 안 되면 한 줄에 하나씩 */
+/* 카드 셋 나란히(같은 폭) · 카드 하나가 300px 안 되면 자동으로 2열 → 1열(칸 폭에 따라 · 창이 작아지면 바로 바뀜) */
 .m02-struct {
+  /* CAD 미리보기 · 면적산출 · 재료산출 내용 높이 — 한 값(창 높이에 맞춰 함께 변함) */
+  --m02-struct-body-h: clamp(18rem, 60vh, 40rem);
   display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(min(100%, 520px), 1fr));
+  grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
   align-items: start;
   padding-top: var(--spacing-12);
   border-top: 1px solid var(--color-border);
   min-width: 0;
 }
 
-.m02-struct > :first-child {
-  grid-column: 1 / -1;
-}
-
 .m02-struct > * {
   min-width: 0;
 }
@@ -68,7 +65,7 @@
 .m02-struct__preview {
   display: flex;
   overflow: hidden;
-  height: 24rem;
+  height: var(--m02-struct-body-h);
   min-height: 0;
   min-width: 0;
 }
@@ -81,7 +78,7 @@
    없으면 0 이 되어 칸이 안 보였음(진짜 원인). 약 30행이 늘 보이게 높이를 정하고
    넘치면 격자 안쪽(.ss-grid-host)이 스스로 스크롤(spreadsheet_grid.css). */
 .m02-struct__sheet {
-  height: 45rem;
+  height: var(--m02-struct-body-h);
   overflow: hidden;
   min-width: 0;
 }