/* 약관 페이지 전용. 색·글꼴 변수는 /payment/pay.css 를 함께 불러와 쓴다. */
.doc{gap:20px}
.doc h1{font-size:24px}
.doc h2{font-family:var(--display);font-size:17px;margin:8px 0 0;line-height:1.5}
.doc p,.doc li{font-size:14px;line-height:1.8}
.doc ul,.doc ol{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:4px}
.doc table{width:100%;border-collapse:collapse;font-size:13px}
.doc th,.doc td{border:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:top}
.doc th{background:var(--navy-soft);font-weight:700}
.doc .table-scroll{overflow-x:auto}
.doc .callout{background:var(--navy-soft);border-radius:14px;padding:14px 16px;font-size:14px}
.doc a{color:var(--parent)}
.back{font-size:14px;color:var(--navy);text-decoration:none;font-weight:700}
[hidden]{display:none!important}
/* 조 번호는 자동으로 매긴다 (구독 조항이 숨겨져도 번호가 이어지게) */
.doc{counter-reset:art}
.doc h2.art::before{counter-increment:art;content:"제" counter(art) "조 "}
.doc h2.num::before{counter-increment:art;content:counter(art) ". "}
.doc .fine{font-size:13px;color:var(--muted, #666)}