/* site/pages/legal.css — 고지·동의 원고를 담는 골격
   대상: 개인정보 처리방침 · 이용약관, 그리고 같은 조각을 끼우는 전문 보기
   표·목록은 static-page.css의 것(.data-table · .def-table · .bullet-list)을 함께 쓰므로
   이 파일은 법률 원고에만 있는 요소(문서 제목·조 제목·번호 목록·동의 문장)만 갖는다.
   색·간격·글자 크기는 토큰만 쓴다. */

/* ── 문서 머리 ────────────────────────────────────── */
.legal { max-width: 60rem; margin: 0 auto; }
.legal__title {
  font-size: var(--fs-22); font-weight: var(--fw-bold); color: var(--c-text-strong);
  line-height: var(--lh-snug); word-break: keep-all;
  margin: 0 0 var(--sp-2);
}
.legal__subtitle {
  font-size: var(--fs-15); color: var(--c-text-mute);
  line-height: var(--lh-snug); word-break: keep-all;
  margin: 0 0 var(--sp-2);
}
.legal__meta {
  font-size: var(--fs-14); color: var(--c-text-mute);
  margin: 0 0 var(--sp-8);
  padding-bottom: var(--sp-5);
  border-bottom: 1px solid var(--c-line);
}
.legal__lead {
  font-size: var(--fs-16); color: var(--c-text);
  line-height: var(--lh-loose); word-break: keep-all;
  margin: 0 0 var(--sp-10);
}

/* ── 조·절 ───────────────────────────────────────── */
.legal__sec { margin: 0 0 var(--sp-10); }
.legal__sec:last-child { margin-bottom: 0; }
.legal__h {
  font-size: var(--fs-17); font-weight: var(--fw-semibold); color: var(--c-primary);
  line-height: var(--lh-snug); word-break: keep-all;
  margin: 0 0 var(--sp-4);
}
.legal__sec p {
  font-size: var(--fs-15); color: var(--c-text);
  line-height: var(--lh-loose); word-break: keep-all;
  margin: 0 0 var(--sp-4);
}
.legal__sec p:last-child { margin-bottom: 0; }
.legal__note {
  font-size: var(--fs-14) !important; color: var(--c-text-mute) !important;
  margin-top: var(--sp-4) !important;
}

/* ── 목록 ─────────────────────────────────────────── */
/* 번호가 원고의 일부인 항·호 목록 */
.legal-ol { margin: 0 0 var(--sp-4); padding-left: var(--sp-6); }
.legal-ol > li {
  font-size: var(--fs-15); color: var(--c-text);
  line-height: var(--lh-loose); word-break: keep-all;
  margin-bottom: var(--sp-2); padding-left: var(--sp-1);
}
.legal-ol > li:last-child { margin-bottom: 0; }
/* 항 안에 든 불릿은 위아래 여백만 준다 */
.legal-ol .bullet-list { margin-top: var(--sp-2); }
.legal-ol .bullet-list li { font-size: var(--fs-15); }

/* 원문자(①·②…)가 본문에 들어 있는 목록 — 마커를 그리지 않는다 */
.legal-plain-list { margin: 0 0 var(--sp-4); padding: 0; list-style: none; }
.legal-plain-list li {
  font-size: var(--fs-15); color: var(--c-text);
  line-height: var(--lh-loose); word-break: keep-all;
  margin-bottom: var(--sp-3);
}
.legal-plain-list li:last-child { margin-bottom: 0; }

/* ── 표 ───────────────────────────────────────────── */
.legal .table-scroll { margin: 0 0 var(--sp-4); }
.legal .def-table { margin: 0 0 var(--sp-5); }

/* ── 동의 문장 ────────────────────────────────────── */
.legal__consent {
  font-size: var(--fs-15) !important; font-weight: var(--fw-semibold);
  color: var(--c-text-strong) !important;
  padding: var(--sp-4) var(--sp-5);
  border: 1px solid var(--c-line); border-radius: var(--r-md);
  background: var(--c-surface-tint);
}

/* ── 동의문(제출 화면 다섯) ───────────────────────── */
/* 전문 보기 안에 들어가는 짧은 글이라 문서 머리의 여백을 줄인다 */
.legal--consent .legal__meta { margin-bottom: var(--sp-6); padding-bottom: var(--sp-4); }
.legal--consent .legal__lead { margin-bottom: var(--sp-6); }
.legal--consent > p {
  font-size: var(--fs-15); color: var(--c-text);
  line-height: var(--lh-loose); word-break: keep-all;
  margin: 0 0 var(--sp-4);
}
.legal--consent > p:last-child { margin-bottom: 0; }