/* ===========================================================
   AGATHA 법적 고지 페이지 공용 스타일 (/privacy/, /terms/)
   - 본문(article#lgDoc)의 태그 스타일은 legal.js 의 모달과 **같은 규격**을 쓴다.
     모달은 어두운 면, 페이지는 밝은 면이라 색만 다르고 크기·간격은 같게 맞췄다.
   ⚠️ 이 두 페이지는 **의존성을 최소로** 유지한다. 파이어베이스·프로필·게임 스크립트를
      넣지 말 것 — 법적 고지는 다른 게 다 죽어도 읽혀야 한다.
   =========================================================== */
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--ag-paper);color:var(--ag-ink);
  font-family:'Pretendard','Noto Sans KR',sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit}

/* 상단 바 — 다른 페이지의 네비(52/48px)와 높이를 맞춘다 */
.lg-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;
  height:52px;padding:0 18px;background:var(--ag-paper);
  border-bottom:1px solid var(--ag-line);position:sticky;top:0;z-index:10}
.lg-nav img{height:26px;width:auto;display:block}
.lg-nav .home{font-size:12.5px;font-weight:700;color:var(--ag-ink3);text-decoration:none;white-space:nowrap}
.lg-nav .home:hover{color:var(--ag-ink)}
@media(max-width:768px){
  .lg-nav{height:48px;padding:0 12px}
  .lg-nav img{height:19px}
  .lg-nav .home{font-size:11.5px}
}

.lg-wrap{max-width:760px;margin:0 auto;padding:clamp(28px,5vw,56px) 22px 20px}

/* 두 문서 사이를 오갈 수 있게 — 하나만 읽고 나가는 걸 막는다 */
.lg-switch{display:flex;gap:8px;margin-bottom:clamp(20px,3vw,28px);flex-wrap:wrap}
.lg-switch a{padding:7px 14px;border-radius:999px;text-decoration:none;
  border:1px solid var(--ag-line2);font-size:12.5px;font-weight:700;color:var(--ag-ink2)}
.lg-switch a:hover{border-color:var(--ag-ink3);color:var(--ag-ink)}
.lg-switch a[aria-current="page"]{background:var(--ag-ink);border-color:var(--ag-ink);color:var(--ag-on-dark)}

/* ── 본문. 모달(#lgBox)과 같은 크기·간격 규격 ── */
#lgDoc h2{font-size:clamp(24px,4vw,30px);font-weight:900;letter-spacing:-.03em;color:var(--ag-ink)}
#lgDoc h3{margin:30px 0 8px;font-size:15px;font-weight:800;color:var(--ag-ink)}
#lgDoc p{margin:0 0 10px;font-size:14px;line-height:1.85;color:var(--ag-ink2);word-break:keep-all}
#lgDoc ul{margin:0 0 10px;padding-left:20px}
#lgDoc li{font-size:14px;line-height:1.85;color:var(--ag-ink2);margin-bottom:4px;word-break:keep-all}
#lgDoc b{color:var(--ag-ink);font-weight:700}
#lgDoc .lg-eff{margin-top:8px;margin-bottom:22px;font-size:12.5px;color:var(--ag-ink3)}
#lgDoc .lg-foot{margin-top:30px;padding-top:16px;border-top:1px solid var(--ag-line);
  font-size:11.5px;line-height:1.8;color:var(--ag-ink3)}

.lg-back{max-width:760px;margin:0 auto;padding:0 22px 60px}
.lg-back a{display:inline-block;font-size:12.5px;font-weight:700;color:var(--ag-ink3);text-decoration:none;
  border-bottom:1px solid currentColor}
.lg-back a:hover{color:var(--ag-red)}