/* 약관 본문 공통 스타일 — 앱 약관 페이지(terms/doc)와 관리자 약관관리 편집기가 공유한다.
   원본(glpcare.kr/glpcare_terms) 스타일 규칙을 이식: 약관 본문의 ul 은 불릿 없는 들여쓰기 구조.
   수정 시 두 화면에 동시에 반영된다. (2026-07-20) */

/* 편집 툴바 글꼴 5종 — 웹폰트로 실어 이용자 기기에 없어도 앱·웹 동일 렌더(사용자 지시 2026-07-24).
   @import 는 CSS 최상단 규칙이어야 하나 주석 뒤는 허용. 로드 실패 시 기기 기본 서체로 폴백. */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;700&family=Nanum+Gothic:wght@400;700&family=Nanum+Myeongjo:wght@400;700&family=Noto+Serif+KR:wght@400;700&family=Gowun+Dodum&display=swap');

.terms-doc { color: #2A1A10; line-height: 1.55; font-size: 14px; }   /* 기준 크기 — p/li 밖 맨몸 텍스트(이용약관 부칙 div 등)가 16px로 커지는 것 방지(사용자 지시 2026-07-24) */
/* 첫 요소의 위 여백 제거 — 첫 줄이 h2(margin-top 20px)면 페이지 패딩 위에 여백이 겹으로 얹혀
   본문 위가 비어 보인다(사용자 지적 2026-07-31). 편집기·미리보기·앱 웹뷰 공통 반영 */
.terms-doc > :first-child { margin-top: 0; }
.terms-doc h1 { font-size: 20px; }
.terms-doc h2 { font-size: 16px; margin-top: 20px; }
.terms-doc h3 { font-size: 14px; color: #444; }
.terms-doc h4 { margin: 0 0 6px; font-weight: 700; }
.terms-doc p, .terms-doc li { font-size: 14px; }
.terms-doc p { line-height: 1.55; margin: 8px 0; }
/* 긴 URL·링크가 화면 밖으로 잘리지 않게 아무 지점에서나 줄바꿈 허용 — 모바일 웹뷰(사용자 지시 2026-07-24) */
.terms-doc a { word-break: break-all; overflow-wrap: anywhere; }
.terms-doc { overflow-wrap: break-word; }

/* 원본 약관의 목록 구조 — 불릿 없음, ol 만 번호 들여쓰기. 간격은 원본(23px/7px)보다 조임(사용자 지시 2026-07-20) */
.terms-doc ul, .terms-doc ol, .terms-doc li { margin: 0; padding: 0; line-height: 1.55; }
.terms-doc ul { list-style: none; }
.terms-doc ol { padding-inline-start: 15px; }
.terms-doc ul.depth01 > li { padding-top: 12px; }
.terms-doc ul.depth01 > li:first-child { padding-top: 0; }
.terms-doc ul.depth02 > li { padding: 3px 0; }
.terms-doc ol.depth03 > li { margin-left: 13px; }
.terms-doc li:empty { display: none; }   /* 원본의 빈 li 여백 줄 제거 */

/* Notion 내보내기(계정 삭제 안내) — 불릿 목록은 원본 인라인 스타일(disc)이 유지된다 */
.terms-doc ol.numbered-list { padding-inline-start: 20px; }
.terms-doc ul.bulleted-list { padding-inline-start: 20px; }

/* 표(법정 보유기간 등) */
.terms-doc table { border-collapse: collapse; width: 100%; margin: 10px 0; font-size: 13px; }
.terms-doc th, .terms-doc td { border: 1px solid #ddd; padding: 6px 8px; text-align: left; vertical-align: top; }
.terms-doc th { background: #faf6f3; }

/* 이미지·인용·콜아웃 */
.terms-doc img { max-width: 100%; height: auto; }
.terms-doc figure { margin: 10px 0; }
.terms-doc blockquote { border-left: 3px solid #F88818; margin: 14px 0; padding: 4px 12px; background: #fdf7f2; }

/* 형광펜(Notion mark) */
.terms-doc mark { background: #FFE9A8; }
.terms-doc mark.highlight-gray { background: #EEEBE8; }
.terms-doc mark.highlight-teal { background: #D7F3EE; }
.terms-doc mark.highlight-orange { background: #FFE3C9; }
.terms-doc mark.highlight-default { background: #FFE9A8; }

/* Quill 시절 저장분 호환(정렬 클래스) */
.terms-doc .ql-align-center { text-align: center; }
.terms-doc .ql-align-right { text-align: right; }