fix(cupang): 좁은 화면에서는 카드가 늘고 페이지가 스크롤되게 분기

진단 결과 1열로 접힌 상태에서 .cpg-calc3 가 704px 를 세 카드가 나눠
가져(224px씩) 내용이 잘렸고, JS 가 준 높이(561px)는 카드보다 커서
무용지물이었다.

- 1501px 이상: 카드 안쪽만 스크롤. 높이는 "카드 아래끝 − 영역 top" 으로 계산
- 1500px 이하: 카드/영역 높이 제한 해제, .cpg 를 flex:0 0 auto 로 두어
  내용만큼 늘고 페이지(.erp-page)가 스크롤

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>

app/static/cupang.css

@@ -1496,9 +1496,19 @@ body.cpg-dragging { cursor: grabbing; user-select: none; }
 }
 .cpg-dist-card .cpg-dist-list::-webkit-scrollbar-thumb:hover { background: var(--color-midtone-gray); }
 
-/* 3열이 2열/1열로 접히면 행이 여러 개라 1fr 고정이 통하지 않는다.
-   그때는 카드마다 최대 높이를 준다. */
+/* 3열이 2열/1열로 접히면 카드가 세로로 쌓여 화면 높이를 나눠 갖게 된다.
+   그때는 높이 제한을 풀고 내용만큼 늘어나게 두어 페이지가 스크롤되게 한다. */
 @media (max-width: 1500px) {
-  .cpg-calc3 { grid-template-rows: none; }
-  .cpg-calc3 > .erp-card { max-height: min(76vh, 820px); }
+  .erp-page > .cpg { flex: 0 0 auto; min-height: auto; }
+  .cpg-calc3 {
+    grid-template-rows: none;
+    flex: 0 0 auto;
+  }
+  .cpg-calc3 > .erp-card { max-height: none; overflow: visible; }
+  .cpg-calc-card .erp-table-wrap,
+  .cpg-calc-sum .cpg-sum-scroll,
+  .cpg-dist-card .cpg-dist-list {
+    max-height: none;
+    overflow: visible;
+  }
 }