주기 실회기 검증과 G7 종료계약 보강

apps/web/src/pages/session/session.css

@@ -2386,7 +2386,7 @@
   flex: none;
 }
 .sx-end-button {
-  min-height: 40px;
+  min-height: 44px;
   padding: 9px 13px;
   border: 1px solid color-mix(in srgb, var(--crit-solid) 34%, var(--border-subtle));
   border-radius: var(--radius);
@@ -4210,6 +4210,20 @@
   }
 }
 
+/* 처방 재연습은 카드 안에 과제 종류·성공 기준·출처를 다시 명시한다. 320×568처럼
+   세로가 아주 짧은 화면에서 상단 단계 헤더까지 반복하면 유일한 주 행동인 "회기 시작"이
+   첫 화면 아래로 밀린다. 이 구간만 중복 헤더를 접고 셸 여백을 줄여 과제 맥락과 CTA를
+   함께 보이게 한다. 일반 회기 준비 화면과 390×844 이상 레이아웃은 그대로 유지한다. */
+@media (max-width: 460px) and (max-height: 620px) {
+  .vg-main:has(.sx-page--prestart .sx-prestart--prescribed) {
+    padding-top: var(--sp-2);
+    padding-bottom: var(--sp-3);
+  }
+  .sx-page--prestart:has(.sx-prestart--prescribed) .sx-head {
+    display: none;
+  }
+}
+
 @media (max-width: 1180px) and (max-height: 820px) {
   .sx-sessionbar {
     min-height: 38px;
@@ -4355,19 +4369,18 @@
   .sx-page--active .sx-mic-block__ms {
     display: none;
   }
-  /* 아주 좁거나 낮은 뷰포트: 세로 공간 확보를 위해 40px 로 낮춘다
-     (390x720 등 여유 있는 폭에서는 44px 유지). 가로 터치 폭은 유지. */
+  /* 아주 좁거나 낮은 뷰포트에서도 주요 회기 제어는 44px 터치 하한을 지킨다. */
   .sx-page--active .sx-mic {
-    width: 40px;
-    height: 40px;
+    width: 44px;
+    height: 44px;
   }
   .sx-page--active .sx-pause {
     width: 44px;
-    height: 40px;
+    height: 44px;
   }
   .sx-page--active .sx-end-button {
     min-width: 104px;
-    height: 40px;
+    height: 44px;
     padding: 0 10px;
   }
 }