body {
  background-color: #0a0a0a;  
  color: #e9ecef;            
  font-family: "Chiron GoRound TC", sans-serif;
  font-size: 30px;
  line-height: 1.3;
  margin: 0;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.intro { max-width: 960px; }

.stage p { margin: 0; display: inline; }

.stage-1 .q2::before,
.stage-1 .q4::before,
.stage-1 .q6::before,
.stage-1 .q8::before,
.stage-1 .q10::before,
.stage-2 .q2::before,
.stage-2 .q4::before,
.stage-2 .q6::before,
.stage-2 .q8::before,
.stage-2 .q10::before,
.stage-3 .q2::before,
.stage-3 .q4::before,
.stage-3 .q6::before,
.stage-3 .q8::before,
.stage-3 .q10::before,
.stage-4 .q4::before,
.stage-4 .q6::before,
.stage-4 .q8::before { content: " "; }

.stage-1 .q2::after,
.stage-1 .q4::after,
.stage-1 .q6::after,
.stage-1 .q8::after,
.stage-1 .q10::after,
.stage-2 .q2::after,
.stage-2 .q4::after,
.stage-2 .q6::after,
.stage-2 .q8::after,
.stage-2 .q10::after,
.stage-3 .q2::after,
.stage-3 .q4::after,
.stage-3 .q6::after,
.stage-3 .q8::after,
.stage-3 .q10::after,
.stage-4 .q4::after,
.stage-4 .q6::after,
.stage-4 .q8::after {
  content: "";
  display: block;
  margin-bottom: 20px;
}

.q2, .q4, .q6, .q8, .q10 { color: #f3f4f6; }

.stage { display: none; }
#s1:checked ~ .stage-1 { display: block; }  /* 1번째: 원본 */
#s2:checked ~ .stage-2 { display: block; }  /* 2번째: 숨김 적용 */
#s3:checked ~ .stage-3 { display: block; }  /* 3번째: 새 질문 */
#s4:checked ~ .stage-4 { display: block; }  /* 4번째: q3~q8 */

#s2:checked ~ .stage-2 .q1,
#s2:checked ~ .stage-2 .q3,
#s2:checked ~ .stage-2 .q5,
#s2:checked ~ .stage-2 .q7,
#s2:checked ~ .stage-2 .q9 { display: none; }

/* q11 버튼 */
.controls .q11 {
  display: none;
  color: #6b7280;
  font-size: 24px;
  margin-top: 30px;
  cursor: pointer;
}

#s1:checked ~ .controls .q11:nth-child(1) { display: block; } /* → s2 */
#s2:checked ~ .controls .q11:nth-child(2) { display: block; } /* → s3 */
#s3:checked ~ .controls .q11:nth-child(3) { display: block; } /* → s4 */
#s4:checked ~ .controls .q11:nth-child(4) { display: block; } /* → s1 */