/* ==========================================================================
   DAMDA 2026 — 이용약관·개인정보처리방침 (Figma 4K-TERMS 실측값 ÷ 2)
   좌: 개인정보처리방침 / 우: 서비스이용약관 2단 구성.
   와이드(>1920)에서는 base.css의 zoom이 비례 확대하므로 별도 재정의 최소화.
   ========================================================================== */
#terms2026 {
    max-width: var(--max-w);
    margin: 0 auto;
    padding: 0 16px 16px;
}

#terms2026 .tm-cols {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    align-items: start;
}

#terms2026 .tm-col { min-width: 0; }

/* 문서 타이틀 바 — 4K: 높이 88, 타이틀 40/600(부제목1), 좌 24 */
#terms2026 .tm-tab {
    display: flex;
    align-items: center;
    height: 44px;
    padding: 0 12px;
    background: #fff;
}

#terms2026 .tm-title {
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -0.2px;
    color: var(--ink);
}

/* 본문 패널 — 4K: 흰 패널, 안쪽 상 72 / 좌우 72 / 하 96 */
#terms2026 .tm-body {
    margin-top: 16px;
    background: #fff;
    padding: 36px 36px 48px;
    font-size: 14px;               /* 4K 28 (국문 본문 3) */
    font-weight: 500;
    line-height: 25px;             /* 4K 줄피치 ~49 */
    letter-spacing: -0.28px;
    color: var(--dark-gray);
}

/* 초록 섹션 헤딩 (개인정보 섹션 / 약관 장(章)) */
#terms2026 .tm-body h2 {
    margin: 32px 0 8px;
    font-size: 17px;
    font-weight: 600;
    line-height: 25px;
    letter-spacing: -0.34px;
    color: var(--green);
}

#terms2026 .tm-body h2:first-of-type { margin-top: 24px; }

/* 조(條) 헤딩 — 그레이 */
#terms2026 .tm-body h3 {
    margin: 22px 0 4px;
    font-size: 15px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.3px;
    color: #848D89;
}

#terms2026 .tm-body p { margin: 0 0 8px; }

#terms2026 .tm-intro { margin-bottom: 4px; }

/* 호(號) 목록: "1. ..." 들여쓰기 */
#terms2026 .tm-sub { padding-left: 16px; }

/* 표 (보유기간·위탁·보호책임자) */
#terms2026 .tm-table {
    width: 100%;
    border-collapse: collapse;
    margin: 10px 0 18px;
    text-align: center;
}

#terms2026 .tm-table th {
    background: var(--white-gray);
    border-top: 1px solid #D9E0DD;
    font-weight: 600;
    color: var(--ink);
}

#terms2026 .tm-table th,
#terms2026 .tm-table td {
    border-bottom: 1px solid #D9E0DD;
    padding: 7px 6px;
    font-size: 13.5px;
    line-height: 21px;
}

/* 부칙 */
#terms2026 .tm-addendum {
    margin-top: 28px;
    color: var(--dark-gray);
}

/* ---------- 모바일: 1단 ---------- */
@media (max-width: 900px) {
    #terms2026 .tm-cols { grid-template-columns: 1fr; }

    #terms2026 .tm-tab { height: 56px; padding: 0 16px; }

    #terms2026 .tm-title { font-size: 18px; }

    #terms2026 .tm-body { padding: 24px 20px 32px; }
}

/* ---------- 와이드(>1920): 거터만 8px 기준으로 정렬 ---------- */
@media (min-width: 1921px) {
    #terms2026 { padding: 0 8px 8px; }

    #terms2026 .tm-cols { gap: 8px; }

    #terms2026 .tm-body { margin-top: 8px; }
}