/**
 * v7/help/terms.css
 *
 * 이용약관 페이지 전용 스타일.
 * privacy.css와 공통 클래스(legal-*) 공유.
 * Web Awesome Pro + 커스텀 CSS. Bootstrap 미사용.
 */

/* 페이지 컨테이너 */
.legal-page {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    padding: 1.5rem 0;
}

/* 페이지 헤더 */
.legal-header {
    margin-bottom: 0.5rem;
}

.legal-header h1 {
    font-size: 1.3rem;
    font-weight: 700;
    color: var(--wa-color-neutral-10, #1e293b);
    margin: 0 0 0.5rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.legal-header h1 i {
    color: var(--wa-color-brand-50, #3178c0);
}

.legal-effective {
    font-size: 0.85rem;
    color: var(--wa-color-neutral-50, #64748b);
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

/* 장(Chapter) 제목 */
.legal-chapter {
    font-size: 1rem;
    font-weight: 700;
    color: var(--wa-color-neutral-10, #1e293b);
    margin: 1.5rem 0 0.5rem;
    padding: 0.75rem 1rem;
    background: var(--wa-color-brand-95, #e7f5ff);
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.legal-chapter:first-child {
    margin-top: 0;
}

.legal-chapter i {
    color: var(--wa-color-brand-50, #3178c0);
}

/* 조항 섹션 */
.legal-articles {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

/* wa-details 아이템 */
.legal-item {
    --border-color: transparent;
    --border-width: 0;
}

/* 요약 영역 */
.legal-summary {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    font-weight: 600;
    font-size: 0.92rem;
    color: var(--wa-color-neutral-10, #1e293b);
}

/* 조항 번호 배지 */
.legal-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 48px;
    height: 26px;
    padding: 0 8px;
    border-radius: 6px;
    font-size: 0.75rem;
    font-weight: 700;
    background: var(--wa-color-brand-95, #e7f5ff);
    color: var(--wa-color-brand-50, #3178c0);
    flex-shrink: 0;
}

/* 콘텐츠 영역 */
.legal-content {
    padding: 0.5rem 0 0.25rem;
    font-size: 0.88rem;
    line-height: 1.75;
    color: var(--wa-color-neutral-30, #334155);
}

.legal-content p {
    margin: 0 0 0.75rem;
}

.legal-content ol,
.legal-content ul {
    padding-left: 1.25rem;
    margin: 0.5rem 0 0.75rem;
}

.legal-content li {
    margin-bottom: 0.4rem;
    line-height: 1.7;
}

.legal-content li ul {
    margin-top: 0.3rem;
}

.legal-content strong {
    color: var(--wa-color-neutral-10, #1e293b);
}

/* 부칙 */
.legal-supplementary {
    background: var(--wa-color-neutral-97, #f8fafc);
    border-radius: 10px;
    padding: 1rem 1.25rem;
    margin-top: 0.5rem;
}

.legal-supplementary h3 {
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--wa-color-neutral-10, #1e293b);
    margin: 0 0 0.5rem;
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.legal-supplementary h3 i {
    color: var(--wa-color-brand-50, #3178c0);
}

.legal-supplementary p {
    margin: 0;
    font-size: 0.88rem;
    color: var(--wa-color-neutral-30, #334155);
}

/* 모바일 반응형 */
@media (max-width: 991.98px) {
    .legal-page {
        padding: 1rem 0.75rem;
        gap: 1rem;
    }

    .legal-header h1 {
        font-size: 1.15rem;
    }

    .legal-chapter {
        font-size: 0.92rem;
        padding: 0.6rem 0.75rem;
    }

    .legal-summary {
        font-size: 0.86rem;
    }

    .legal-content {
        font-size: 0.84rem;
    }
}