/* cattist — 문서 쪽(개인정보처리방침·계정 삭제 안내·고객 지원 — 이용약관은 아직 게시 전) 2026-10-15, 10-20 새 홈페이지 꼴에 맞춤
   site.css 의 색·글꼴·머리 바·바닥글을 그대로 쓰고, 읽는 글 한 줄 폭(46em)·표·빈칸 표시만 더한다.
   〔대표 확인: …〕 빈칸(.todo)은 게시 전에 모두 채운다 — 눈에 띄게 노란 바탕·굵은 테두리로 둔다. */
.doc { padding: var(--s7) 0 var(--s9); }
.doc .wrap { max-width: 820px; }
.doc h1 { font-size: clamp(28px, 4vw, 36px); line-height: 1.3; margin: 0 0 var(--s3); color: var(--ink); }
.doc .meta { margin: 0 0 var(--s6); color: var(--ink-3); font-size: 14px; }
.doc h2 { font-size: 21px; line-height: 1.4; letter-spacing: -0.015em; margin: var(--s7) 0 var(--s3); padding-top: var(--s4); border-top: 1px solid var(--line); }
.doc h3 { font-size: 17px; margin: var(--s5) 0 var(--s2); }
.doc p, .doc li { color: var(--ink-2); font-size: 15px; line-height: 1.75; max-width: 46em; }
.doc p { margin: 0 0 var(--s3); }
.doc ul, .doc ol { margin: 0 0 var(--s3); padding-left: 22px; }
.doc li { margin-bottom: var(--s1); }
.doc strong { color: var(--ink); }
.doc a { color: var(--teal-700); font-weight: 600; }
.doc .summary { background: var(--card); border: 1px solid var(--line); border-radius: var(--radius); padding: var(--s4) var(--s5); margin: 0 0 var(--s5); }
.doc .summary ul { margin: 0; }
.doc .toc { margin: 0 0 var(--s5); }
.doc .toc ol { columns: 2; column-gap: var(--s6); }
.doc .toc li { break-inside: avoid; }
/* 표 — 넓은 표는 그 안에서만 옆으로 넘긴다(쪽 전체는 옆으로 넘어가지 않는다) */
.table-wrap { overflow-x: auto; margin: 0 0 var(--s4); -webkit-overflow-scrolling: touch; }
.doc table { width: 100%; border-collapse: collapse; background: var(--card); font-size: 14px; line-height: 1.6; min-width: 560px; }
.doc th, .doc td { border: 1px solid var(--line); padding: var(--s2) var(--s3); text-align: left; vertical-align: top; color: var(--ink-2); }
.doc th { background: var(--paper-2); color: var(--ink); font-weight: 700; }
/* 게시 전 빈칸 — 모두 채운 뒤에만 게시한다 */
.todo { background: #fff3b0; color: #5a4300; border: 1.5px solid #e0b000; border-radius: 6px; padding: 0 4px; font-weight: 600;
  -webkit-box-decoration-break: clone; box-decoration-break: clone; }
.draft-banner { background: #fff3b0; color: #5a4300; border-bottom: 2px solid #e0b000; font-size: 14px; font-weight: 600; text-align: center; padding: var(--s2) 20px; }
.doc .doc-steps li { margin-bottom: var(--s2); }   /* 홈페이지의 .steps(작동 방식 격자)와 이름이 겹치지 않게 */
.doc .faq dt { margin: var(--s4) 0 var(--s1); font-weight: 700; color: var(--ink); font-size: 16px; }
.doc .faq dd { margin: 0; color: var(--ink-2); font-size: 15px; line-height: 1.75; max-width: 46em; }
.doc .en p, .doc .en li { max-width: 46em; }
/* 바닥글의 문서 링크 줄(.foot-legal)은 site.css 에 있다 — 홈페이지 바닥글과 같이 쓴다 */
.top .home-link { margin-left: auto; display: inline-flex; align-items: center; min-height: 44px; color: var(--ink-2); text-decoration: none; font-size: 15px; }
@media (max-width: 640px) {
  .doc { padding: var(--s6) 0 var(--s8); }
  .doc .toc ol { columns: 1; }
}