/* =====================================================================
   방침 및 약관 (UWEB_140.000.000.000) - templates/user/terms/terms.html
   - 퍼블리싱 없음 : 본문 카드는 board.css .board-view, 목록은 components/layout.css .bullet-list
   - 관리자 등록 HTML(h3·h4·h5·p·ol·ul)의 여백만 정의 (약관 모달 .terms-section·.terms-tit 기준)
   ===================================================================== */

/* 블록 간격 : 약관 모달 조항 간격(.terms-section + .terms-section) */
.terms-view .board-view-body > * + * {
    margin-top: var(--gap-5);
}

/* 큰 제목 (예: 인터넷 사이버몰 이용표준약관) */
.terms-view .board-view-body h3 {
    font-family: var(--font-family-title);
    font-size: var(--font-size-heading-md);
    color: var(--color-font-neutral-strong);
    font-weight: var(--font-weight-bold);
    line-height: 140%;
    letter-spacing: -0.0375rem;
}

/* 조항 제목 (예: 제1조(목적)) : 앞 조항과 넓게 띄움 */
.terms-view .board-view-body h4 {
    font-family: var(--font-family-body);
    font-size: var(--font-size-heading-sm);
    color: var(--color-font-neutral-strong);
    font-weight: var(--font-weight-bold);
    line-height: 140%;
    letter-spacing: -0.0266rem;
}
.terms-view .board-view-body > * + h3,
.terms-view .board-view-body > * + h4 {
    margin-top: var(--gap-9);
}

/* 보조 제목 (예: 표준약관 번호) */
.terms-view .board-view-body h5 {
    font-family: var(--font-family-body);
    font-size: var(--font-size-body-md);
    color: var(--color-font-neutral-subtle);
    font-weight: var(--font-weight-regular);
    line-height: 140%;
}

/* 제목 바로 아래 내용은 붙임 */
.terms-view .board-view-body > h3 + *,
.terms-view .board-view-body > h4 + * {
    margin-top: var(--gap-3);
}

/* 본문 단락·목록 : 약관 모달 본문(.terms-txt) 크기 */
.terms-view .board-view-body p,
.terms-view .board-view-body > .bullet-list {
    font-size: var(--font-size-body-md);
    line-height: 160%;
}

/* 모바일 : 공지 상세 카드(.board-view)는 card-padding-sm(0.75rem)으로 줄어 긴 약관 본문이 답답하므로 한 단계 넓힘, 조항 간격은 좁힘 */
@media (max-width: 767px) {
    .board-view.terms-view {
        padding: var(--card-padding-lg) var(--card-padding-md);
    }
    .terms-view .board-view-body > * + h3,
    .terms-view .board-view-body > * + h4 {
        margin-top: var(--gap-7);
    }
}