/* ===== v1.9.123 · Layer1 판별 질문 완료 화면 (SPEC-SAJU-PROTO-V19123-001) =====
   설계 시안 v1.9.116 → v1.9.123 의 Layer1 규칙 가운데 화면에 효과가 남는 것만 옮긴다. 시안 블록 대응표:
   - cc121 (single stage adaptive flow) 뒤 절반 → 아래 「완료 모습」 — 라이브 변형(M1). 구역에 cc121-complete 가 붙으면 카드 장식을
     걷고 질문 머리·두 질문 목록을 숨겨, 질문 상자가 그 자리에서 실행 버튼(#runBtn)으로 바뀐다. 시안의 "직계 자식 중 #runBtn 말고 모두 숨김"
     규칙은 그대로 쓰지 않는다 — 이전 질문 버튼(D-B, 보이고 켜짐)·완료 안내(D-A, 시각적으로만 숨기고 초점 대상으로 남김)·
     낭독 영역(입력 칸 재평가의 화면 읽기 전용 낭독)까지 가리기 때문이다. 그래서 그 넷을 뺀 직계 자식만 숨긴다.
     #runBtn 은 app.js 가 완료 모습일 때만 구역의 마지막 자식으로 옮기고, 벗어나면 #inputError 바로 뒤로 돌려놓는다(P1).
   - cc123 (stable completion cta) → 아래 「완료 모습의 실행 버튼」 줄 높이 25px. Jua 글꼴이 늦게 와서 버튼 높이가 1~3px 바뀌던 것을 막는다.
   - cc118 (remove duplicate question divider) → 아래 「추가 질문 영역의 구분선」 그대로(M2).
   - cc121 앞 절반(single stage adaptive flow — 추가 질문을 공통 질문 자리에) → 아래 「추가 질문 자리」 그대로, 전환 없음만 더함(M2).
   - cc120 (adaptive completion transition) → 옮기지 않는다(P7). 시안 안에 그 클래스를 붙이는 코드가 없어 화면에 효과가 없다.
   완료 모습은 app.js 의 finishAdaptive·repaintRestoredAdaptiveAnswers 가 붙이고 clearAdaptiveStatus 가 뗀다.
   추가 질문 자리(cc121-extra)는 renderAdaptiveExtraQuestion 과 goBackAdaptiveQuestion(추가 질문으로 돌아갈 때)이 붙이고 hideAdaptiveExtraSection 이 뗀다. */

/* 추가 질문 영역의 구분선 — 위 제목 줄과 겹치는 점선과 그 위 안쪽 여백을 없앤다 (cc118, REQ-011) */
#viewInput .adaptive-extra-section{
  border-top:0!important;
  padding-top:0!important;
}

/* 추가 질문 자리 — 추가 질문이 보이는 동안 공통 질문 목록과 추가 질문 머리 글을 숨기고, 추가 질문 영역을 여백 없이 그려
   추가 질문이 공통 질문이 있던 자리에 나온다 (cc121 앞 절반, REQ-012).
   시안의 display:block 은 옮기지 않는다 — 영역의 보임은 hidden 클래스가 정하고, cc121-extra 는 영역이 보일 때만 붙는다.
   transition:none 은 완료 모습과 같은 까닭이다 — 움직임 줄이기의 .01ms 전환이 영역의 바깥 여백을 한 프레임 늦게 0 으로 만든다. */
#viewInput .l1-mini-section.cc121-extra #adaptiveCommonList{display:none!important;}
#viewInput .l1-mini-section.cc121-extra #adaptiveExtraSection{
  margin:0!important;
  padding:0!important;
  border:0!important;
  transition:none!important;
}
#viewInput .l1-mini-section.cc121-extra .adaptive-extra-head{display:none!important;}

/* 완료 모습 — 카드 장식 없이, 그 자리에 버튼만 남는다 (REQ-002).
   transition:none 은 시안 cc121 과 같다. 움직임 줄이기를 켜면 18-v1945-user-experience.css 가 모든 요소에 .01ms 전환을 걸어
   (transition-property 기본값 all) 구역의 여백·완료 안내의 상자·#viewInput 의 덧댄 아래 여백이 한 프레임 늦게 바뀐다 —
   그 한 프레임에 구역 높이가 다르게 그려지고, 여백이 늦게 붙는 동안 브라우저가 스크롤을 끌어올린다(REQ-001·006). */
#viewInput .l1-mini-section.cc121-complete{
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  transition:none!important;
}
#viewInput:has(.l1-mini-section.cc121-complete){
  transition:none!important;
}
#viewInput .l1-mini-section.cc121-complete::before,
#viewInput .l1-mini-section.cc121-complete::after{
  display:none!important;
  content:none!important;
}
#viewInput .l1-mini-section.cc121-complete>:not(#adaptiveBackBtn):not(#adaptiveQuestionStatus):not(#adaptiveCompleteNote):not(#runBtn){
  display:none!important;
}

/* 완료 안내 — 화면에는 그리지 않고(기존 .visually-hidden 과 같은 잘린 1px 상자) 접근성 트리와 초점 대상으로는 남긴다(D-A).
   display:none·visibility:hidden·aria-hidden 으로 숨기면 답으로 완료될 때의 초점이 body 로 떨어진다. */
#viewInput .l1-mini-section.cc121-complete #adaptiveCompleteNote{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  margin:-1px!important;
  padding:0!important;
  border:0!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  transition:none!important;
}

/* 완료 모습의 실행 버튼 — 이전 질문 버튼 아래에 붙는다. 줄 높이를 글꼴에 맡기지 않는다(cc123, REQ-002) */
#viewInput .l1-mini-section.cc121-complete #runBtn{
  display:block!important;
  margin:10px 0 0!important;
  line-height:25px!important;
}
#viewInput .l1-mini-section.cc121-complete #runBtn.hidden{
  display:none!important;
}