/*
 * 정책 페이지 (PATCH-006).
 *   /terms · /privacy · /privacy-consent
 *
 * 긴 글을 읽는 화면이다. 카드·그리드가 없고 본문 가독성만 다룬다.
 * 공통 토큰을 쓰고 새 색·새 breakpoint 를 만들지 않는다.
 */

.pub-root .pol__t{margin-bottom:var(--s6);}

/*
 * 본문 폭을 제한한다.
 *
 * container 는 1280px 이라 그대로 두면 한 줄이 100자를 넘는다.
 * 눈이 다음 줄 첫 글자를 찾지 못해 같은 줄을 다시 읽게 된다.
 * 읽기 편한 한 줄 길이는 한글 기준 40~50자다.
 */
.pub-root .pol__body{max-width:72ch;}

.pub-root .pol__body h3{margin:var(--s8) 0 var(--s3);
  font-size:var(--fs-subtitle);font-weight:var(--fw-b);color:var(--pub-ink);}
.pub-root .pol__body h3:first-child{margin-top:0;}

.pub-root .pol__body p{margin:0 0 var(--s3);
  font-size:var(--fs-label);line-height:1.8;color:var(--pub-ink-2);}

.pub-root .pol__body ul{margin:0 0 var(--s4);padding-left:var(--s5);}
.pub-root .pol__body li{margin-bottom:var(--s2);
  font-size:var(--fs-label);line-height:1.8;color:var(--pub-ink-2);}

.pub-root .pol__body b{font-weight:var(--fw-sb);color:var(--pub-ink);}

/*
 * 꼭 읽어야 하는 문단.
 *   "상담 신청만으로 계약이 체결되지 않는다" 같은 내용이다.
 * 색만으로 구분하지 않는다. 좌측 선과 배경을 함께 준다.
 */
.pub-root .pol__mark{padding:var(--s4) var(--s5);margin:var(--s5) 0;
  border-left:3px solid var(--pub-accent);border-radius:0 var(--r1) var(--r1) 0;
  background:var(--pub-accent-bg);color:var(--pub-ink);}

/* 보조 설명. 본문보다 한 단계 약하게. */
.pub-root .pol__note{font-size:var(--fs-caption);color:var(--pub-ink-3);line-height:1.7;}

/* 항목 표 */
.pub-root .pol__dl{display:grid;gap:var(--s3);margin:var(--s4) 0;}
.pub-root .pol__dl > div{display:grid;grid-template-columns:96px minmax(0,1fr);
  gap:var(--s3);align-items:baseline;}
.pub-root .pol__dl dt{font-size:var(--fs-caption);font-weight:var(--fw-sb);
  color:var(--pub-ink-3);}
.pub-root .pol__dl dd{margin:0;font-size:var(--fs-label);line-height:1.7;
  color:var(--pub-ink-2);}

@media (min-width:768px){
  .pub-root .pol__dl--wide > div{grid-template-columns:120px minmax(0,1fr);}
}

/* 좁은 화면에서는 라벨을 위에 둔다. 96px 를 빼면 값이 두세 글자씩 접힌다. */
@media (max-width:479px){
  .pub-root .pol__dl > div{grid-template-columns:1fr;gap:2px;}
}

/* 문의 안내 */
.pub-root .pol__ask{max-width:72ch;margin-top:var(--s8);
  padding-top:var(--s5);border-top:1px solid var(--pub-line);
  font-size:var(--fs-label);color:var(--pub-ink-2);}
.pub-root .pol__ask a{color:var(--pub-accent);font-weight:var(--fw-sb);}
