/* css/pages/privacy.css — 개인정보처리방침 전용 스타일 (3단계 G3, 2026-09-30)
   · 법정 고지 문구는 한 글자도 바꾸지 않음. 인라인 style → 이 파일로 이동, 조항 제목 h4 → h2(제목 구조), 조항 목차(기존 제목 그대로 링크)
   · 모든 선택자는 main.privacypage 아래로 한정 */

.privacypage .pv-sec{padding:clamp(48px,6vw,88px) 0 var(--ds-sec-y)}
.privacypage .pv-wrap{display:grid;grid-template-columns:240px minmax(0,760px);column-gap:clamp(40px,6vw,96px);justify-content:start}
.privacypage .pv-h1,.privacypage .pv-date{grid-column:1/-1}
.privacypage .pv-h1{font-family:var(--serif);font-size:clamp(26px,2.4vw,34px);font-weight:400;letter-spacing:.04em;line-height:1.4}
.privacypage .pv-date{color:var(--ds-text-2);font-size:14px;margin:12px 0 clamp(32px,4vw,56px);padding-bottom:22px;border-bottom:1px solid var(--ds-ink)}

/* 목차 — 데스크톱 왼쪽 고정, 모바일은 본문 위 목록 */
.privacypage .pv-toc{grid-column:1;align-self:start;position:sticky;top:104px}
.privacypage .pv-toc ol{list-style:none;border-top:1px solid var(--ds-line)}
.privacypage .pv-toc li{border-bottom:1px solid var(--ds-line)}
.privacypage .pv-toc a{display:flex;align-items:center;min-height:44px;padding:8px 0;font-size:14px;line-height:1.5;color:var(--ds-ink-2);transition:color .2s var(--ds-ease)}
.privacypage .pv-toc a:hover{color:var(--ds-ink)}

.privacypage .pv-body{grid-column:2;max-width:none;margin:0}
.privacypage .ib{padding:32px 0;scroll-margin-top:100px}
.privacypage .ib:first-child{border-top:0;padding-top:0}
.privacypage .ib h2{font-size:var(--ds-fs-h3);font-weight:500;line-height:1.5;margin-bottom:12px;color:var(--ds-ink)}
.privacypage .ib p{font-size:var(--ds-fs-body);line-height:1.85;font-weight:400;color:var(--ds-ink-2)}
.privacypage .ib p+p{margin-top:12px}
.privacypage .ib .pv-note{font-size:14px;color:var(--ds-text-2)}
.privacypage .pv-home{grid-column:2;margin-top:48px}
.privacypage .pv-home .btn{min-height:44px;display:inline-flex;align-items:center}

@media(max-width:900px){
  .privacypage .pv-wrap{grid-template-columns:minmax(0,1fr)}
  .privacypage .pv-toc{grid-column:1;position:static;margin-bottom:36px}
  .privacypage .pv-toc ol{display:grid;grid-template-columns:1fr 1fr;column-gap:20px}
  .privacypage .pv-body,.privacypage .pv-home{grid-column:1}
}
@media(max-width:560px){.privacypage .pv-toc ol{grid-template-columns:1fr}}
@media(max-width:640px){.privacypage .pv-toc a{font-size:15px}} /* step4: 모바일 목차 15px */
@media(max-width:640px){.privacypage .pv-date{font-size:15px}} /* step4 */