/* 서브 사주 공통 꾸밈 (design/REVIEW_SUB_1026.md) — 모든 서브 사주 화면이 맨 마지막에 불러온다. */

/* 5. 입력 「다음」 버튼 자리 고정 — 질문을 넘길 때 칸이 오른쪽에서 18px 밀려 들어오는 움직임(.flip)이
   화면 폭을 잠깐 넘기면, 휴대폰이 화면을 400px 로 넓혀 잡아 아래 고정 버튼이 화면마다 위아래·폭이 달라졌다.
   넘친 부분을 잘라 화면 폭이 늘 기기 폭이 되게 한다(버튼은 늘 화면 맨 아래 같은 높이 · 같은 폭). */
html, body { overflow-x: clip; }
#app, .app { overflow-x: clip; }
.dock:has(#fnext) {
  position: fixed !important; left: 0 !important; right: 0 !important; bottom: 0 !important;
  padding-bottom: max(14px, env(safe-area-inset-bottom, 0px)) !important;
}
.dock:has(#fnext) > div { max-width: 400px !important; margin: 0 auto !important; }
.dock #fnext { width: 100%; box-sizing: border-box; min-height: 56px; }

/* 4. 줄바꿈 — 낱말 가운데서 끊기지 않게, 한 글자만 다음 줄로 떨어지지 않게 */
.app, #app { word-break: keep-all; overflow-wrap: break-word; }
.nb { white-space: nowrap; }