/* ============================================================
   티샷로그 — 약관 / 개인정보처리방침 전문 페이지 공통 스타일
   (about.html 과 동일한 toss 디자인 토큰 사용)
   ============================================================ */

:root{
  --t-surface: #FFFFFF;
  --t-ink:   #191F28;
  --t-ink2:  #4E5968;
  --t-ink3:  #8B95A1;
  --t-div:   #F2F4F6;
  --t-fill:  #F2F4F6;
  --t-fill2: #F9FAFB;
  --t-green:   #0E7C4A;
  --t-green-bg:#EAF6EF;
  --t-red:    #E5484D;
  --t-red-bg: #FDECEC;
  --t-chev:   #C5CAD1;
}
html[data-theme="dark"]{
  --t-surface:#17171C; --t-ink:#F4F6F8; --t-ink2:#AEB6BF; --t-ink3:#6E7681;
  --t-div:#26282D; --t-fill:#26282D; --t-fill2:#1D1F23;
  --t-green:#26C77E; --t-green-bg:rgba(38,199,126,.15);
  --t-red:#FF6B6F; --t-red-bg:rgba(255,107,111,.15);
  --t-chev:#4A4E55;
}

*{ box-sizing:border-box; }
html,body{ margin:0; padding:0; }
html{ scroll-behavior:smooth; }
body{
  font-family:'Pretendard','Pretendard Variable',-apple-system,system-ui,sans-serif;
  background:var(--t-surface); color:var(--t-ink);
  -webkit-font-smoothing:antialiased;
  word-break:keep-all; text-wrap:pretty;
  min-height:100vh;
}
html[data-theme="dark"] body{ background:#0D0D10; color:#F4F6F8; }

/* ---- 레이아웃 ---- */
.lg-screen{
  width:100%; min-height:100vh; background:var(--t-surface);
  display:flex; flex-direction:column;
}
html[data-theme="dark"] .lg-screen{ background:var(--t-surface); }
@media (min-width:680px){
  body{ background:#E9ECEF; }
  html[data-theme="dark"] body{ background:#0D0D10; }
  .lg-screen{ max-width:720px; margin:0 auto; box-shadow:0 0 0 1px var(--t-div); }
}
.lg-body{ padding:0 24px 72px; }

/* ---- 문서 헤드 ---- */
.lg-head{ padding:40px 24px 28px; border-bottom:1px solid var(--t-div); }
.lg-logo{ display:flex; align-items:center; gap:9px; font-size:15px; font-weight:800; letter-spacing:-.03em; color:var(--t-ink); }
.lg-logo .mark{ width:28px; height:28px; border-radius:8px; background:var(--t-green); display:flex; align-items:center; justify-content:center; color:#fff; flex:none; }
.lg-title{ font-size:26px; font-weight:800; letter-spacing:-.035em; line-height:1.3; color:var(--t-ink); margin:22px 0 0; }
.lg-meta{ margin:14px 0 0; display:flex; flex-wrap:wrap; gap:6px 14px; font-size:13px; font-weight:600; color:var(--t-ink3); }
.lg-meta b{ color:var(--t-ink2); font-weight:700; }

/* 문서 전환 탭 */
.lg-tabs{ margin-top:22px; display:flex; gap:6px; background:var(--t-fill); padding:4px; border-radius:12px; }
.lg-tabs a{
  flex:1; text-align:center; padding:10px 8px; border-radius:9px; text-decoration:none;
  font-size:14px; font-weight:700; letter-spacing:-.02em; color:var(--t-ink2);
}
.lg-tabs a.on{ background:var(--t-surface); color:var(--t-ink); box-shadow:0 1px 3px rgba(20,30,40,.1); }

/* ---- 목차 ---- */
.lg-toc{ margin:26px 0 0; border:1px solid var(--t-div); border-radius:14px; padding:16px 18px; background:var(--t-fill2); }
.lg-toc b{ display:block; font-size:13px; font-weight:800; color:var(--t-ink3); letter-spacing:-.01em; margin-bottom:10px; }
.lg-toc ol{ margin:0; padding-left:18px; display:flex; flex-direction:column; gap:6px; }
.lg-toc a{ font-size:14px; font-weight:600; color:var(--t-ink2); text-decoration:none; line-height:1.5; }
.lg-toc a:hover{ color:var(--t-green); text-decoration:underline; }

/* ---- 본문 ---- */
.lg-ch{ margin:44px 0 0; font-size:13px; font-weight:800; letter-spacing:.02em; color:var(--t-green); background:var(--t-green-bg); display:inline-block; padding:7px 13px; border-radius:99px; }
.lg-art{ margin:28px 0 0; scroll-margin-top:20px; }
.lg-art > h3{
  font-size:17px; font-weight:800; letter-spacing:-.03em; line-height:1.45;
  color:var(--t-ink); margin:0 0 10px;
}
.lg-art p{ font-size:15px; font-weight:500; line-height:1.75; color:var(--t-ink2); margin:0 0 8px; }
.lg-art b, .lg-art strong{ color:var(--t-ink); font-weight:700; }
.lg-art ol, .lg-art ul{ margin:0 0 8px; padding-left:20px; }
.lg-art li{ font-size:15px; font-weight:500; line-height:1.75; color:var(--t-ink2); margin-bottom:6px; }
.lg-art li::marker{ color:var(--t-ink3); font-weight:600; }
.lg-art ol ul, .lg-art ol ol{ margin-top:6px; }

/* 강조 콜아웃 */
.lg-callout{
  position:relative; margin:14px 0; padding:14px 16px 14px 18px;
  background:var(--t-green-bg); border-radius:12px;
  font-size:14.5px; font-weight:600; line-height:1.65; color:var(--t-ink);
}
.lg-callout::before{ content:""; position:absolute; left:0; top:12px; bottom:12px; width:3px; border-radius:3px; background:var(--t-green); }
.lg-callout.warn{ background:var(--t-red-bg); }
.lg-callout.warn::before{ background:var(--t-red); }

/* 소제목 (표 위 라벨) */
.lg-sub{ font-size:14px; font-weight:800; letter-spacing:-.02em; color:var(--t-ink); margin:20px 0 10px; }

/* ---- 표 ---- */
.lg-tbl{ margin:12px 0 14px; overflow-x:auto; -webkit-overflow-scrolling:touch; border:1px solid var(--t-div); border-radius:12px; }
.lg-tbl table{ width:100%; border-collapse:collapse; min-width:340px; }
.lg-tbl th, .lg-tbl td{
  padding:12px 14px; text-align:left; vertical-align:top;
  font-size:14px; line-height:1.6; border-bottom:1px solid var(--t-div);
}
.lg-tbl th{ background:var(--t-fill2); font-weight:800; color:var(--t-ink); white-space:nowrap; }
.lg-tbl td{ font-weight:500; color:var(--t-ink2); }
.lg-tbl td b{ color:var(--t-ink); font-weight:700; }
.lg-tbl tr:last-child th, .lg-tbl tr:last-child td{ border-bottom:none; }

/* 표 각주 */
.lg-fn{ font-size:13px; font-weight:500; line-height:1.65; color:var(--t-ink3); margin:8px 0 0; }

/* ---- 부칙 / 개정 이력 ---- */
.lg-appendix{ margin:52px 0 0; padding:20px 20px 4px; border:1px solid var(--t-div); border-radius:14px; background:var(--t-fill2); }
.lg-appendix h3{ font-size:15px; font-weight:800; letter-spacing:-.02em; color:var(--t-ink); margin:0 0 10px; }
.lg-appendix p{ font-size:14px; font-weight:500; line-height:1.7; color:var(--t-ink2); margin:0 0 14px; }
.lg-appendix .lg-tbl{ background:var(--t-surface); }

/* ---- 푸터 ---- */
.lg-foot{ margin-top:auto; padding:26px 24px 34px; border-top:1px solid var(--t-div); background:var(--t-fill2); }
.lg-foot .co{ font-size:13px; font-weight:700; color:var(--t-ink2); }
.lg-foot .ln{ margin-top:8px; font-size:13px; font-weight:500; line-height:1.7; color:var(--t-ink3); }
.lg-foot a{ color:var(--t-green); text-decoration:none; font-weight:600; }

/* 상단 이동 */
.lg-top{ display:inline-flex; align-items:center; gap:5px; margin-top:16px; font-size:13px; font-weight:700; color:var(--t-ink3); text-decoration:none; }