/* 3.12.35 짧은 가로 화면(휴대폰·폴드 커버 가로, 높이 520px 이하): 머리·아래 막대를 촘촘하게 해 내용이 보이는 높이를 확보한다.
   네 스타일 모두에 적용(스타일별 큰 버튼·큰 숫자보다 우선). 세로 화면과 넓은 화면은 바꾸지 않는다. */
@media (orientation:landscape) and (max-height:520px){
  html .work-app .personal-work>.welcome-line{padding:12px 18px!important;gap:10px!important;min-height:0!important;margin-bottom:12px!important}
  html .work-app .personal-work>.welcome-line h1{font-size:19px!important;line-height:1.3!important;margin:2px 0!important}
  html .work-app .personal-work>.welcome-line p,html .work-app .personal-work>.welcome-line .work-scope{display:none!important}
  html .work-app .personal-work>.welcome-line .wl-todo b,html .work-app .personal-work>.welcome-line .wl-todo em{font-size:28px!important;line-height:1.1!important}
  html .work-app .personal-work>.welcome-line .wl-todo small,html .work-app .personal-work>.welcome-line .wl-todo span{font-size:12.5px!important}
  /* 강조형: 날짜·«할 일 74»·작성 중/새 배정을 한 줄로, 역할 줄(eyebrow)은 숨김 */
  html .work-app .personal-work>.welcome-line .wl-todo{flex-direction:row!important;flex-wrap:wrap!important;align-items:baseline!important;column-gap:10px!important;row-gap:0!important}
  html .work-app .personal-work>.welcome-line .eyebrow{display:none!important}
  html .work-app .work-head{margin-bottom:12px!important}
  html .work-app .work-head h1{font-size:22px!important;line-height:1.3!important}
  html .work-app .work-head p{font-size:13px!important;line-height:1.5!important}
  /* 조사 화면: 아래 막대 한 줄, 왼쪽 목차는 넘치면 스크롤 */
  html .work-app .survey-footer{padding:6px 10px!important;gap:8px!important;flex-wrap:nowrap!important;align-items:center!important;min-height:0!important}
  html .work-app .survey-footer .sv-foot-title,html .work-app .survey-footer #survey-print,html .work-app .survey-footer #survey-history{display:none!important}
  html .work-app .survey-footer .sv-jump{gap:6px!important;flex-wrap:nowrap!important}
  html .work-app .survey-footer .sv-chip{min-height:38px!important;padding:2px 10px!important;font-size:12px!important;flex-direction:row!important;gap:6px!important;align-items:center!important}
  html .work-app .survey-footer .sv-chip b{font-size:15px!important}
  /* 칸이 좁으면 칩 줄만 옆으로 밀리고(스크롤) «검토 제출»은 가리지 않는다. 0인 이동 칩은 숨김(사진함 칩은 촬영 입구라 유지) */
  html .work-app .survey-footer .sv-jump{flex:1 1 auto!important;min-width:0!important;overflow-x:auto!important;scrollbar-width:none}
  html .work-app .survey-footer .sv-jump::-webkit-scrollbar{display:none}
  html .work-app .survey-footer .sv-chip{flex:none!important}
  html .work-app .survey-footer .sv-chip.zero:not(.sv-tray){display:none!important}
  html .work-app .survey-footer .actions{flex:none!important}
  html .work-app .survey-footer .actions{gap:6px!important;width:auto!important}
  html .work-app .survey-footer .btn{min-height:40px!important;font-size:14.5px!important;padding:0 16px!important;border-radius:11px!important}
  html .work-app .survey-top .work-head h1{font-size:18px!important}
  html .work-app #survey-progress-text{font-size:13.5px!important;line-height:1.4!important}
  html .work-app .sv-side{max-height:calc(calc(100 * var(--gn-dvh,1dvh)) - 20px)!important;overflow:auto!important}
  html .work-app .question h3{font-size:16px!important}
}
/* 폭 760 이하 가로 휴대폰(갤럭시 등 640~760): 조사 왼쪽 칸을 좁혀 문항 칸을 넓힌다 */
@media (orientation:landscape) and (max-height:520px) and (max-width:760px){
  html.ui-2pane .sv-side{--sv-w:196px!important}
  html.ui-2pane .work-page:has(>.sv-side){gap:12px!important}
}
/* 3.12.40 글씨 크게·아주 크게(휴대폰): 조사 머리의 진행 문구가 좁은 칸에서 4~5줄로 접히던 것 → 한 줄을 통째로 쓰고, 막대·거르기는 아랫줄 · 아래 줄 칩은 접어 넘김 · 단추 글자 줄바꿈 없음 */
html:is([data-text-scale=large],[data-text-scale=xlarge]):is([data-form=phone],[data-form=fold]) .survey-top .survey-progress{flex-wrap:wrap!important;row-gap:6px}
html:is([data-text-scale=large],[data-text-scale=xlarge]):is([data-form=phone],[data-form=fold]) .survey-top #survey-progress-text{flex:1 1 100%;min-width:0}
html:is([data-text-scale=large],[data-text-scale=xlarge]):is([data-form=phone],[data-form=fold]) .survey-top .progress-mini{flex:1 1 auto}
html:is([data-text-scale=large],[data-text-scale=xlarge]) .survey-footer .sv-jump{flex-wrap:wrap;row-gap:6px}
html:is([data-text-scale=large],[data-text-scale=xlarge]) .survey-footer .actions .btn{white-space:nowrap}