/**
 * 약관·개인정보처리방침 (B-55)
 *
 * 긴 글을 읽는 화면이다. 브랜드 표현을 얹을 자리가 아니라 **읽히게 하는 것**이 전부다.
 * brand.css 의 :root 변수·공용 클래스를 상속하고 여기서는 본문 조판만 다룬다.
 */

.petnfc-legal { padding-bottom: 48px; }

/* 목차 — 확정본에서만 나온다(초안 단계엔 링크할 본문이 없다). */
.petnfc-legal__toc { margin: 28px 0 36px; padding: 18px 20px; background: var(--pn-surface-alt, #f7f3ec); border-radius: 4px; }
.petnfc-legal__toc ol { margin: 0; padding-left: 20px; }
.petnfc-legal__toc li + li { margin-top: 6px; }
.petnfc-legal__toc a { font-size: 14px; color: var(--pn-ink-soft, #6f6154); text-decoration: none; }
.petnfc-legal__toc a:hover, .petnfc-legal__toc a:focus-visible { text-decoration: underline; }

.petnfc-legal__sec { margin-top: 32px; }
.petnfc-legal__sec h2 { font-size: 17px; font-weight: 700; margin: 0 0 10px; }
/* 본문 최대 폭 — 한글은 한 줄 40~45자를 넘기면 눈이 다음 줄을 잃는다. */
.petnfc-legal__sec p { font-size: 15px; line-height: 1.85; margin: 0 0 12px; max-width: 38em; }

/* "이 조항이 답해야 하는 질문" — 확정 본문과 **절대 헷갈리면 안 된다**.
   색을 죽이고 왼쪽에 선을 둬서 인용/주석임을 형태로 알린다. */
.petnfc-legal__ask {
	color: var(--pn-ink-soft, #6f6154);
	font-size: 14px;
	border-left: 2px solid var(--pn-line, #e6dcc9);
	padding-left: 14px;
	font-style: normal;
}

.petnfc-legal__draft { margin-bottom: 28px; }
.petnfc-legal__foot { margin-top: 40px; padding-top: 20px; border-top: 1px solid var(--pn-line, #e6dcc9); font-size: 13px; }