/*
 * 상생마켓 홈페이지 — 약관·정책 페이지(policy.html) 전용 스타일
 * 소스: 디자인 확정본 04-policy-v11-pc.html의 <style> 블록 중 이 페이지에서만 쓰는
 * 문서 탭(.dnav/.dtab)·문서 카드(.paper/.meta/.doc) 규칙만 이식했다.
 * 헤더·버튼·섹션 폭 등 공통 규칙은 main.css를 그대로 재사용하므로 여기서 다시 정의하지 않는다.
 * 색·라운드·포커스 값은 main.css의 CSS 변수를 참조한다(하드코딩 금지 — main.css 컨벤션과 동일).
 * 확정본의 .hlink 클래스는 이 페이지 마크업에서 쓰이지 않는 죽은 스타일이라 이식하지 않았다.
 */

/* 문서 탭(.dnav/.dtab)은 pm#591에서 main.css로 옮겼다 — 다운로드 페이지가 같은 알약형 탭을 쓴다. */

.paper { border: 1px solid #E3E8E3; border-radius: var(--radius-card); padding: 44px 48px; background: #fff }
.meta { padding-bottom: 22px; border-bottom: 1px solid #EFF2EF }
/* 조(條) 제목 — 코드 리뷰 반영: 원래 h2였으나 #doc-title(문서 카드 제목, h2)과 레벨이 겹쳐서 h4로 낮췄다.
   장(h3) > 조(h4) > 소제목(h5) 순으로 문서 구조상 큰 단위가 얕은 레벨을 갖도록 정렬했다. */
.doc h4 { font-size: 16.5px; font-weight: 800; letter-spacing: -.03em; margin-top: 38px }
.doc p, .doc li { font-size: 15px; line-height: 1.9; color: #3E4741; margin-top: 10px; text-wrap: pretty }
.doc ol, .doc ul { margin: 10px 0 0; padding-left: 22px }

/* pm#441(약관 5종 본문 등재): 장(章) 제목 — 제N장·부칙 승격 티어 */
.doc h3.doc-chapter {
  margin-top: 48px; padding-top: 26px; border-top: 1px solid #EFF2EF;
  font-size: 18px; font-weight: 800; letter-spacing: -.03em; color: var(--color-text);
}
.doc h3.doc-chapter:first-child { margin-top: 0; padding-top: 0; border-top: 0 }

/* 소제목 — 개인정보처리방침 제2조 하위 "1. 고객(이용자)" 류 */
.doc h5.doc-subsection {
  margin-top: 22px; font-size: 15px; font-weight: 700; color: var(--color-text);
}

/* 강조 — 본문 회색(#3E4741) 대비 또렷하게 */
.doc strong { font-weight: 800; color: var(--color-text) }

/* 표 — 모바일에서 표 영역만 가로 스크롤(페이지 전체는 스크롤되지 않는다) */
.doc-table-wrap { overflow-x: auto; margin-top: 14px; -webkit-overflow-scrolling: touch }
.doc table { width: 100%; border-collapse: collapse; font-size: 14px }
.doc th, .doc td { border: 1px solid #E3E8E3; padding: 10px 12px; text-align: left; vertical-align: top }
.doc thead th { background: #F7FAF7; font-weight: 800; color: var(--color-text) }

/* pm#406(반응형)의 .home-link도 pm#591에서 main.css로 옮겼다 — 서브페이지 3종이 공유한다. */

@media (max-width: 900px) {
  .paper { padding: 30px 26px }
}

/* 정적 약관 전문 섹션 — 크롤러·JS 비활성 환경 전용(구글 OAuth 심사가 약관 링크의 실본문을 요구).
   JS가 켜진 브라우저(html.js)에서는 탭 UI가 대신하므로 숨긴다. 생성: tool/build-policy-static.mjs */
.doc-static { margin-top: 24px }
.js .doc-static { display: none }

/* 폰 폭(620px 이하) — pm#406(mobile 목업 04-policy-v11-mobile.html 값)·pm#441(표 스타일 축소)을
   하나의 블록으로 합쳤다(코드 리뷰 반영: 같은 브레이크포인트를 두 블록으로 나눠 두지 않는다). */
@media (max-width: 620px) {
  .paper { padding: 26px 22px }
  .doc table { font-size: 13px }
  .doc th, .doc td { padding: 8px 10px }
}