/* terms-doc.css — 외부 공유용 약관 전문 단독 뷰(rl_terms.php) 본문 스타일.
   상단 앱바(.rl-mnav-appbar)는 mobile-nav.css 컴포넌트 그대로 재사용, 본 파일은 본문 타이포만 담당.
   색·간격·타이포는 토큰만 사용(다크 토큰은 .rl-mnav-enabled 스코프가 흡수). */

/* 단독 뷰 reset — body는 .rl-terms-page 스코프(모달이 terms-doc.css 적재하는 가입폼 body.rl-mnav-page엔 미적용).
   외측 배경·768 카드 surface·테두리·그림자는 page-shell.css가 담당. font-family는 .rl-terms-doc pre의 inherit 해소용. */
body.rl-terms-page {
  margin: 0;
  color: var(--rl-text);
  font-family: var(--rl-font-family);
  -webkit-text-size-adjust: 100%;
}

/* 앱바 frosted(scroll 시 .is-scrolled 발화)는 mobile-nav.css 단일 출처 — rl-mnav.js가 토글. 본 파일 오버라이드 없음. */

/* 768 카드(폭·센터·배경·테두리·그림자·min-height)는 page-shell .wrapper.rl-mnav-enabled가 전담(다른 페이지와 동일).
   앱바·본문은 카드 안 자연 정합. 본문은 .at-content 정합 패딩만:
   top 6px(§2.8.4 sticky 앱바↔첫 요소 단일 출처값) / 좌우 14px(--rl-sp-4) / bottom --rl-sp-6. */
.rl-terms-page .rl-terms-doc {
  padding: 6px var(--rl-sp-4) var(--rl-sp-6);
}

.rl-terms-doc h1 {
  margin: 0 0 var(--rl-sp-6);
  color: var(--rl-ink);
  font-size: var(--rl-fs-h2);
  font-weight: var(--rl-fw-700);
  letter-spacing: var(--rl-ls-h2);
  line-height: var(--rl-lh-snug);
}

/* 약관 본문 — 공통 단일 출처(시트·공유링크·page). UA·그누보드 base pre 기본값
   (monospace·white-space:pre·코드블록 박스·overflow:scroll)을 전부 리셋해 배경 위로 본문만 흐르게.
   word-break:keep-all(한국어 어절 보존) + overflow-wrap:anywhere(긴 이메일·URL만 강제 분절). */
.rl-terms-doc pre {
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  overflow: visible;
  white-space: pre-wrap;
  word-break: keep-all;
  overflow-wrap: anywhere;
  font-family: inherit;
  font-size: var(--rl-fs-body);
  line-height: var(--rl-lh-relaxed);
  color: var(--rl-text);
}