/* ==========================================================================
   pages/partners.css — Partners 페이지 (라이트 섹션, partners.js renderPartners 출력)
   2026-09-21 수출통제 대응: 개별 파트너사 카드(로고·소개·링크)를 없애고
   생태계 영역(Ecosystem) 이름과 역할만 남겼다.
   모바일 우선. 브레이크포인트 640 / 1024 / 1280
   ========================================================================== */

.partners-hero__lead {
  max-width: 56ch;
  margin-top: var(--sp-5);
  font-size: var(--fs-md);
  color: var(--text-muted);
}

/* 영역 사이 데이터 선 */
.partner-area {
  display: grid;
  row-gap: var(--sp-2);
  padding-block: var(--sp-6);
  border-top: 1px solid var(--line-on-light);
}

.partner-area:first-child {
  padding-top: 0;
  border-top: 0;
}

/* 영역명은 다른 상세 페이지의 h2 와 같은 단계로 (2026-09-16) */
.partner-area__title {
  font-size: var(--fs-2xl);
  line-height: var(--lh-snug);
  color: var(--ink);
}

.partner-area__role {
  font-size: var(--fs-sm);
  color: var(--text-muted-on-light);
}

/* 1024px 이상: 좌측 영역명, 우측 역할 설명 */
@media (min-width: 1024px) {
  .partner-area {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    column-gap: var(--sp-6);
  }

  .partner-area__title {
    grid-column: 1 / 6;
  }

  .partner-area__role {
    grid-column: 6 / 13;
    align-self: center;
    font-size: var(--fs-base);
  }
}

/* ---------- 맺음 (2026-10-06) ----------
   Platform 맨 끝에 있던 헤드라인·맺음말·Contact Us 버튼을 이 페이지로 옮겼다.
   값은 종전 .pf-goals__title · .pf-close__* 그대로다 (h2 는 --fs-2xl·600·--ink) */
.partners-close {
  padding-top: var(--sp-8);
  margin-top: var(--section-y);
  border-top: 1px solid var(--line-on-light);
}

.partners-close__title {
  max-width: 24ch;
  white-space: pre-line; /* 지정한 자리에서 줄바꿈 */
  font-size: var(--fs-2xl);
  font-weight: var(--fw-semibold);
  line-height: var(--lh-snug);
  letter-spacing: var(--ls-tight);
  color: var(--ink);
}

.partners-close__invite {
  max-width: 48ch;
  margin-top: var(--sp-5);
  font-size: var(--fs-base);
  color: var(--text-muted-on-light);
}

/* 파랑은 '누를 수 있는 것' 에만 쓴다 — 이 페이지에서 유일한 자리다 */
.partners-close__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  margin-top: var(--sp-5);
  padding-inline: var(--sp-5);
  border: 1px solid var(--electric-blue);
  border-radius: 2px;
  font-size: var(--fs-base);
  font-weight: var(--fw-semibold);
  color: var(--electric-blue-ink);
  text-decoration: none;
  transition: background-color 0.2s ease, color 0.2s ease;
}

.partners-close__cta:hover,
.partners-close__cta:focus-visible {
  background-color: var(--electric-blue-ink);
  color: var(--white);
}