/* ==========================================================================
   section10 — "자주 묻는 질문" FAQ 아코디언 + CTA
   Figma: PC 153:2415 · TA(768) 153:3343 · MO(375) 153:2749
   (.faq-item / .faq-item__* / .btn 은 css/02-components.css 공용 스타일을
   그대로 사용, 아코디언 열고닫기 JS는 js/main.js 전역 구현을 그대로 사용)
   ========================================================================== */
.section10 {
  background: var(--color-bluegrey-100);
  padding-top: clamp(30px, calc(30px + (50 - 30) * ((100vw - 375px) / (1440 - 375))), 50px);
  padding-bottom: clamp(50px, calc(60px + (50 - 60) * ((100vw - 375px) / (1440 - 375))), 60px);
}

.s10-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(28px, calc(28px + (50 - 28) * ((100vw - 375px) / (1440 - 375))), 50px);
}

.section10 .faq-list {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(10px, calc(10px + (14 - 10) * ((100vw - 375px) / (1440 - 375))), 14px);
  width: 100%;
}

/* Open question label reads black (vs. grey-900 for the collapsed ones) */
.section10 .faq-item.is-open .faq-item__q-text { color: var(--color-black); }