/* ── Mobile / tablet responsive overrides ───────────────────────────────────
   인라인 스타일보다 우선하려면 !important 필요
   breakpoint: 767px (tablet), 479px (mobile)
   ─────────────────────────────────────────────────────────────────────────── */

@media (max-width: 767px) {
  /* 컨테이너 좌우 패딩 축소 */
  .fc-container { padding-inline: 16px !important; }

  /* 섹션 상하 여백 축소 */
  .fc-section { padding-block: 40px !important; }

  /* 헤더: 데스크탑 nav·CTA 숨기고 햄버거 표시 */
  .fc-header-nav  { display: none !important; }
  .fc-header-cta  { display: none !important; }
  .fc-hamburger   { display: flex !important; }

  /* 2-컬럼 → 1-컬럼 */
  .fc-two-col   { grid-template-columns: 1fr !important; gap: 24px !important; }

  /* 4-컬럼 스탯 → 2-컬럼 */
  .fc-four-col  { grid-template-columns: 1fr 1fr !important; gap: 20px !important; }

  /* 3-컬럼 카드 → 1-컬럼 */
  .fc-three-col { grid-template-columns: 1fr !important; }

  /* 히어로 C 분할 패널 → 1-컬럼 */
  .fc-hero-c    { grid-template-columns: 1fr !important; min-height: unset !important; }

  /* 히어로 A 우측 그래픽 숨김 */
  .fc-hero-side { display: none !important; }

  /* 히어로 A 상하 여백 축소 */
  .fc-hero-a-wrap { padding-block: 40px !important; }

  /* impact 제목+뱃지 줄 세로 스택 */
  .fc-impact-header { flex-direction: column !important; align-items: flex-start !important; }

  /* 푸터 내부 간격 축소 */
  .fc-footer-inner { padding-block: 32px !important; gap: 28px !important; flex-direction: column !important; }

  /* 히어로 헤드라인 폰트 크기 */
  .fc-hero-headline { font-size: clamp(1.9rem, 7vw, 2.6rem) !important; }

  /* 폼 2열 → 1열 */
  .fc-form-row { grid-template-columns: 1fr !important; }

  /* 파트너십 카드 → 1열, × 커넥터 숨김 */
  .fc-partner-grid { grid-template-columns: 1fr !important; }
  .fc-partner-connector { display: none !important; }
}

@media (min-width: 480px) and (max-width: 767px) {
  /* 태블릿에서 3-컬럼 카드 → 2-컬럼 */
  .fc-three-col { grid-template-columns: repeat(2, 1fr) !important; }
}