/* ============================================
   pure_card_001 — 카드형 게시판
   Style: Flat Design + Minimalist
   Scoped to: [data-pure-bbs="pure_card_001_list"]
   ============================================ */

/* 사이트 글로벌 값 사용
:root {
    --color-accent: #18181B;
    --color-accent-hover: #27272A;
    --color-accent-light: #F4F4F5;
    --color-accent-secondary: #71717A;
    --color-accent-secondary-hover: #A1A1AA;
    --color-sub-a: #2563EB;
    --color-sub-a-light: #EFF6FF;
    --color-sub-b: #7C3AED;
    --color-sub-b-light: #F5F3FF;
    --color-sub-c: #EA580C;
    --color-sub-c-light: #FFF7ED;
    --color-sub-d: #DB2777;
    --color-sub-d-light: #FDF2F8;
    --color-bg-primary: #FFFFFF;
    --color-bg-secondary: #FAFAFA;
    --color-bg-tertiary: #F4F4F5;
    --color-bg-dark: #18181B;
    --color-bg-overlay: rgba(0, 0, 0, 0.5);
}
*/

/* ── 컬러 클래스 ── */

/* 래퍼 배경 */
[data-pure-bbs="pure_card_001_list"] .pc1-bg-section {
    background-color: var(--color-bg-secondary, #FAFAFA);
}

/* 카드 배경·보더 */
[data-pure-bbs="pure_card_001_list"] .pc1-bg-card {
    background: var(--color-bg-primary, #FFFFFF);
    border-color: var(--color-accent-light, #E4E4E7);
}
[data-pure-bbs="pure_card_001_list"] .pc1-bg-card:hover {
    border-color: var(--color-accent-secondary-hover, #A1A1AA);
}

/* 공지 카드 배경·보더 */
[data-pure-bbs="pure_card_001_list"] .pc1-bg-card.notice {
    background: var(--color-bg-tertiary, #F4F4F5);
    border-color: var(--color-accent-secondary-hover, #D4D4D8);
}
[data-pure-bbs="pure_card_001_list"] .pc1-bg-card.notice:hover {
    border-color: var(--color-accent-secondary, #71717A);
}

/* 공지 뱃지 */
[data-pure-bbs="pure_card_001_list"] .pc1-badge-accent {
    background: var(--color-accent, #18181B);
    color: var(--color-bg-secondary, #FAFAFA);
}

/* 번호·메타 텍스트 (뮤트) */
[data-pure-bbs="pure_card_001_list"] .pc1-text-muted {
    color: var(--color-accent-secondary-hover, #A1A1AA);
}

/* 제목 텍스트 */
[data-pure-bbs="pure_card_001_list"] .pc1-text-heading {
    color: var(--color-accent, #18181B);
}

/* 본문 텍스트 */
[data-pure-bbs="pure_card_001_list"] .pc1-text-body {
    color: var(--color-accent-secondary, #71717A);
}

/* 메타 구분점 */
[data-pure-bbs="pure_card_001_list"] .pc1-text-divider {
    color: var(--color-accent-light, #D4D4D8);
}

/* 액션 버튼 */
[data-pure-bbs="pure_card_001_list"] .pc1-btn-primary {
    background-color: var(--color-bg-dark, #18181B);
    color: var(--color-bg-secondary, #FAFAFA);
}
[data-pure-bbs="pure_card_001_list"] .pc1-btn-primary:hover {
    opacity: 0.8;
}

/* ── 레이아웃 ── */

/* 래퍼 */
[data-pure-bbs="pure_card_001_list"] {
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    gap: 48px;
    padding-top: 56px; padding-bottom: 56px;
}

/* 컨테이너 */
[data-pure-bbs="pure_card_001_list"] .block_bbs2_card_style_1_000_con {
    float: none; clear: both; overflow: hidden;
    width: 100%; max-width: 1400px; margin: 0px auto;
    padding-left: 24px; padding-right: 24px; box-sizing: border-box;
    display: flex; flex-direction: column; gap: 12px;
}

/* 카드 아이템 */
[data-pure-bbs="pure_card_001_list"] .block_bbs2_card_style_1_000_content {
    border: 1px solid var(--color-accent-light, #E4E4E7);
    border-radius: 12px; overflow: hidden;
    padding: 28px 32px 22px 32px;
    cursor: pointer; transition: border-color 0.2s ease, box-shadow 0.2s ease;
    word-break: keep-all;
    background: var(--color-bg-primary, #FFFFFF);
}
[data-pure-bbs="pure_card_001_list"] .block_bbs2_card_style_1_000_content:hover {
    border-color: var(--color-accent-secondary-hover, #A1A1AA);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

/* 공지 카드 */
[data-pure-bbs="pure_card_001_list"] .block_bbs2_card_style_1_000_content.notice {
    background: var(--color-bg-tertiary, #F4F4F5);
    border-color: var(--color-accent-secondary-hover, #D4D4D8);
}
[data-pure-bbs="pure_card_001_list"] .block_bbs2_card_style_1_000_content.notice:hover {
    border-color: var(--color-accent-secondary, #71717A);
}

/* 내부 래퍼 */
[data-pure-bbs="pure_card_001_list"] .block_bbs2_card_style_1_000_content_inner { display: flex; flex-direction: column; }

/* 번호 */
[data-pure-bbs="pure_card_001_list"] .block_bbs2_card_style_1_000_content_num {
    max-width: unset; width: fit-content; margin-bottom: 10px;
    font-size: 12px; font-weight: 500; line-height: 1.4;
    color: var(--color-accent-secondary-hover, #A1A1AA);
    word-break: keep-all;
}

/* 공지 뱃지 */
[data-pure-bbs="pure_card_001_list"] .notice_icon {
    display: inline-flex; align-items: center;
    padding: 2px 8px; border-radius: 4px;
    background: var(--color-accent, #18181B);
    color: var(--color-bg-secondary, #FAFAFA);
    font-size: 11px; font-weight: 600; letter-spacing: 0.04em;
}

/* 제목 */
[data-pure-bbs="pure_card_001_list"] .pc1-title {
    font-size: 17px; font-weight: 600; line-height: 1.45; letter-spacing: -0.01em;
    color: var(--color-accent, #18181B);
    display: -webkit-box; text-overflow: ellipsis;
    -webkit-line-clamp: 2; -webkit-box-orient: vertical;
    overflow: hidden; width: 100%; margin-bottom: 8px; word-break: keep-all;
}

/* 본문 */
[data-pure-bbs="pure_card_001_list"] .pc1-content {
    font-size: 14px; font-weight: 400; line-height: 1.6;
    color: var(--color-accent-secondary, #71717A);
    text-overflow: ellipsis; overflow: hidden; white-space: nowrap;
    word-break: keep-all;
}

/* 메타 영역 */
[data-pure-bbs="pure_card_001_list"] .pc1-meta {
    display: flex; gap: 12px; width: fit-content;
}
[data-pure-bbs="pure_card_001_list"] .pc1-meta > div {
    position: relative; margin-top: 24px;
    font-size: 12px; font-weight: 400; line-height: 1.4;
    color: var(--color-accent-secondary-hover, #A1A1AA);
    word-break: keep-all;
}
[data-pure-bbs="pure_card_001_list"] .pc1-meta > div + div::before {
    content: '·'; position: absolute; top: 0; left: -9px;
    color: var(--color-accent-light, #D4D4D8); font-weight: 700;
}

/* 페이징 */
[data-pure-bbs="pure_card_001_list"] .read_more_btn_style_000_wrap {
    display: flex; align-items: center;
    position: relative;
    margin-top: 40px;
    padding-left: 36px; padding-right: 36px;
}
[data-pure-bbs="pure_card_001_list"] .read_more_btn_style_000_wrap .read_more_btn_style_000_con {
    flex: 1; display: flex; justify-content: center;
}
[data-pure-bbs="pure_card_001_list"] .read_more_btn_style_000_wrap .pc1-btn-primary {
    margin-left: auto;
    display: inline-flex; align-items: center; gap: 8px;
    padding: 10px 20px;
    border-radius: 8px; font-size: 14px; font-weight: 500; letter-spacing: -0.01em;
    text-decoration: none; transition: opacity 0.2s ease; word-break: keep-all;
}
[data-pure-bbs="pure_card_001_list"] .read_more_btn_style_000_wrap .pc1-btn-primary:hover { opacity: 0.8; }
[data-pure-bbs="pure_card_001_list"] .write_icon { width: 18px; height: 18px; }

/* 유틸리티 */
[data-pure-bbs="pure_card_001_list"] .hidden { display: none; }
[data-pure-bbs="pure_card_001_list"] .show { display: inline; }

/* ── 다크 테마 ── */
[rhythm-dark] [data-pure-bbs="pure_card_001_list"] .block_bbs2_card_style_1_000_content,
[rhythm-dark] [data-pure-bbs="pure_card_001_list"] .pc1-bg-card {
    border-color: var(--color-accent-hover, #27272A);
    background: var(--color-accent, #18181B);
}
[rhythm-dark] [data-pure-bbs="pure_card_001_list"] .block_bbs2_card_style_1_000_content:hover,
[rhythm-dark] [data-pure-bbs="pure_card_001_list"] .pc1-bg-card:hover {
    border-color: #3F3F46;
}
[rhythm-dark] [data-pure-bbs="pure_card_001_list"] .block_bbs2_card_style_1_000_content.notice,
[rhythm-dark] [data-pure-bbs="pure_card_001_list"] .pc1-bg-card.notice {
    background: var(--color-accent-hover, #27272A);
    border-color: #3F3F46;
}
[rhythm-dark] [data-pure-bbs="pure_card_001_list"] .notice_icon,
[rhythm-dark] [data-pure-bbs="pure_card_001_list"] .pc1-badge-accent {
    background: var(--color-accent-light, #F4F4F5);
    color: var(--color-accent, #18181B);
}
[rhythm-dark] [data-pure-bbs="pure_card_001_list"] .read_more_btn_style_000_wrap a,
[rhythm-dark] [data-pure-bbs="pure_card_001_list"] .pc1-btn-primary {
    background-color: var(--color-accent-light, #F4F4F5);
    color: var(--color-accent, #18181B);
}

/* ── 반응형 ── */
@media (min-width: 992px) {
    [data-pure-bbs="pure_card_001_list"] { padding-top: 80px; padding-bottom: 80px; }
    [data-pure-bbs="pure_card_001_list"] .block_bbs2_card_style_1_000_con { padding-left: 30px; padding-right: 30px; }
    [data-pure-bbs="pure_card_001_list"] .pc1-title { font-size: 18px; }
}

@media (prefers-reduced-motion: reduce) {
    [data-pure-bbs="pure_card_001_list"] .block_bbs2_card_style_1_000_content { transition: none; }
}