/* ── pages / privacy — Privacy Policy ───────────────────────────
   아키타입 legal. SUBPAGE_CONVENTIONS 의 구성 그대로
   히어로(--plain --compact) → .prose 조문 본문. 상담 CTA 밴드 없음.

   콘텐츠 JSON 은 이미지 0장, heading 13 / p 12 / li 26 의 순수 문서다.
   heading 하나(level 1, "Privacy Policy")는 히어로 H1 로 올라가고
   남은 12개(Article 1~12)가 본문 조문이 된다.

   뼈대는 공용 프리미티브로 끝난다.
     히어로   .page-hero--plain / --compact      (subpage.css)
     본문     .prose 의 p / ul / li / a          (subpage.css)
   이 파일은 거기 없는 세 가지만 짠다.
     1) 히어로 높이 — 리드가 한 문장뿐이라 기본값으로는 눌린다
     2) 조문 제목 — .prose 에는 h3/h4 만 있다. 이 문서는 H1 이 히어로라
        조문이 h2 여서 h2 를 새로 깎는다
     3) 번역 고지 박스 (한국어 원문이 정본이라는 안내)
*/


/* ── 히어로 ──────────────────────────────────────────────────
   .page-hero--plain 기본 360 은 eyebrow(24) + 25 + H1(72) + 25 +
   리드 2줄(50) = 196 에 상하 패딩(헤더 100+4 / 100)을 더한 400 보다
   낮아 글 덩어리가 위아래로 꽉 찬다. 위아래 여백이 남을 높이로 올린다.
   태블릿·모바일은 프리미티브의 320/280 보다 리드가 더 접히므로
   같은 이유로 한 단계씩 올려 둔다. */
.pv-hero{min-height:440px}
@media (max-width:1023px){ .pv-hero{min-height:380px} }
/* 390 에서 헤더(60)는 로고 밑 'Global Official' 꼬리표가 8px 쯤 삐져나온다.
   내용 높이 그대로(321)면 eyebrow 가 그 꼬리표와 같은 줄에 붙어 버린다.
   400 이면 위아래로 40 씩 남아 eyebrow 가 꼬리표 아래로 내려온다. */
@media (max-width:767px){ .pv-hero{min-height:400px} }


/* ── 조문 본문 ───────────────────────────────────────────────
   조문 안에 기관 주소·메일·도메인(www.kopico.go.kr 등)이 섞여 있다.
   좁은 폭에서 이런 토큰이 컨테이너를 밀어내지 않게 끊어 준다. */
.pv-doc{overflow-wrap:break-word}

/* 번역 고지 — 조문이 아니라 문서 전체에 걸리는 안내라 박스로 뗀다.
   .prose p(18/1.8)보다 한 단 작게 잡아 본문과 섞이지 않게 한다. */
.pv-doc .pv-note{
  padding:20px 24px;
  background:var(--brand-tint-3);
  border-radius:var(--radius-sm);
  font-size:var(--fs-16);line-height:1.7;
  color:var(--text-secondary);
}

/* 조문 제목. 12개가 이어지는 문서라 제목 위 실선으로 조문 경계를 만든다.
   (margin 20 → 60 + 40 = 조문 사이 100px) */
.pv-doc h2{
  margin-top:var(--sp-block);
  padding-top:var(--sp-stack);
  border-top:1px solid var(--line-soft);
  font-weight:700;font-size:var(--fs-24);line-height:1.4;
  letter-spacing:var(--ls-tight);
  color:var(--text-primary);
}
/* 첫 조문은 바로 위가 고지 박스라 실선을 겹치지 않는다. */
.pv-doc .pv-note+h2{padding-top:0;border-top:0}

@media (max-width:767px){
  .pv-doc .pv-note{padding:16px 18px}
}