/* page-organization.css — organization 페이지 전용 (FINAL_spec §4.9·§7.4). 공용 .page-hero/.org-chart/.rule-list/.biz-flow/.cta 재사용, 여기서는 페이지 그리드·조직도 셀 보강만. */

/* 히어로·조직도 헤드 행은 공용 .page-hero/.org-chart — components.css */

/* ---------- Organization chart 셀 ---------- */
.org-chart .cn{display:block;font-family:var(--serif);font-weight:400;font-variant-numeric:oldstyle-nums;letter-spacing:.14em;font-size:15px;color:var(--gray);margin-bottom:14px}
.org-chart .tn{margin:0}
.org-chart .tm{font-weight:500;color:var(--ink-2)}
.org-chart .cells li{display:flex;flex-direction:column;padding-bottom:32px}
.org-chart .cells li .tr{padding-top:10px}
/* 모바일 1열: 인덱스 + 팀명 한 줄 */
@media (max-width:767px){
  .org-chart .cells li{display:grid;grid-template-columns:44px 1fr;column-gap:var(--s2);padding:20px 0 22px}
  .org-chart .cn{grid-row:1/4;margin:4px 0 0;font-size:var(--fs-small)}
  .org-chart .tm{margin-top:8px}
  .org-chart .cells li .tr{padding-top:0;margin-top:6px}
}
/* 조직도 열 수(3열 2행)는 components.css .org-chart .cells 에서 KO/EN 공통 */

/* ---------- People (5:7 = figure | 본문, 공용 .split.has-figure) ---------- */
.people-body{margin-top:var(--s3);margin-bottom:var(--s4)}
.people-body .lead{max-width:56ch}
.people-body .lead+.lead{margin-top:var(--s2)}
@media (min-width:1024px){.people-grid .figure{position:sticky;top:calc(var(--header-h) + var(--s4))}}

/* ---------- Careers (3단계 흐름) ---------- */
.careers-flow{grid-template-columns:1fr}
@media (min-width:768px){.careers-flow{grid-template-columns:repeat(3,1fr)}}
@media (min-width:480px) and (max-width:1023px){.careers-flow li:nth-child(2n){padding-left:0;border-left:0}}
@media (min-width:768px){.careers-flow li+li{padding-left:24px;border-left:1px solid var(--rule)}}
.careers-flow .step{text-transform:uppercase;font-size:13px;letter-spacing:.14em;font-variant-numeric:lining-nums}
.careers-flow p{color:var(--ink-2);font-size:15px;overflow-wrap:anywhere}
.careers-mail{margin-top:var(--s4)}
.careers .sec-head .lead{max-width:60ch}