/* 다원 사업비정산센터 — Responsive
 * 핵심: 근거 열(Evidence Gutter)은 모바일에서 주장 '아래' 인라인 태그로 접힌다.
 * 근거는 사라지지 않는다 — 위치만 바뀐다.
 */

@media (max-width: 1024px) {
  :root {
    --evidence-w: 132px;
    --evidence-gap: 1.75rem;
  }

  .hero-title {
    font-size: var(--fs-4xl);
  }
}

@media (max-width: 768px) {
  :root {
    --sp-24: 4rem;
    --sp-20: 3.5rem;
    --header-h: 60px;
  }

  /* 헤더 — 데스크톱 내비 숨기고 토글 노출 */
  .nav {
    position: fixed;
    inset: var(--header-h) 0 auto 0;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    background: var(--paper);
    border-bottom: 1px solid var(--rule);
    padding: var(--sp-2) var(--gutter) var(--sp-4);
    display: none;
  }

  .nav[data-open='true'] {
    display: flex;
  }

  .nav-link {
    padding: var(--sp-4) 0;
    border-bottom: 1px solid var(--rule-soft);
    font-size: var(--fs-base);
  }

  .nav-toggle {
    display: block;
  }

  .header-cta {
    display: none;
  }

  /* SIGNATURE 반응형 — 근거 열이 본문 아래 인라인으로 */
  .evidence-row {
    grid-template-columns: 1fr;
    gap: var(--sp-4);
    padding: var(--sp-6) 0;
  }

  .evidence {
    order: 2;
    padding-top: 0;
    border-left: 2px solid var(--seal);
    padding-left: var(--sp-3);
  }

  .evidence-body {
    order: 1;
  }

  .hero {
    padding: var(--sp-16) 0 var(--sp-12);
  }

  .hero-title {
    font-size: 2rem;
    line-height: 1.25;
  }

  .hero-lead,
  .section-lead {
    font-size: var(--fs-base);
  }

  .section-title,
  .cta-title {
    font-size: var(--fs-2xl);
  }

  .geo-answer {
    padding: var(--sp-5);
    margin: var(--sp-8) 0;
  }

  .geo-answer p {
    font-size: var(--fs-base);
  }

  .footer-grid {
    grid-template-columns: 1fr;
    gap: var(--sp-8);
  }

  .finding {
    grid-template-columns: 1fr;
    gap: var(--sp-2);
  }

  .finding-tag {
    justify-self: start;
  }

  .hero-actions .btn {
    flex: 1 1 100%;
  }
}

@media (max-width: 420px) {
  .hero-title {
    font-size: 1.75rem;
  }
}