/* _view_header.css — 게시판 공통 헤더 (Option C Accent) */
/* specificity: #bo_v.board-view = 0,2,1+ — 테마 전역 CSS(#bo_v.board-view .class) 오버라이드 */

/* 헤더 영역 — accent bar */
#bo_v.board-view > header {
    padding: 24px 28px;
    border-left: 5px solid var(--tc-accent, #e57a00);
    background: #fff;
    margin-bottom: 20px;
}

/* 제목 컨테이너 리셋 */
#bo_v.board-view #bo_v_title {
    margin: 0;
    padding: 0;
    border: none;
    background: none;
}

/* 카테고리 → 칩 스타일 */
#bo_v.board-view #bo_v_title .bo_v_cate {
    display: inline-flex;
    align-items: center;
    padding: 3px 10px;
    background: var(--tc-gray-100, #F1F5F9);
    border: none;
    border-radius: 16px;
    font-size: 12px;
    font-weight: 500;
    color: var(--tc-gray-600, #475569);
    line-height: 1.5;
    margin-right: 4px;
    margin-bottom: 8px;
}

/* 제목 텍스트 */
#bo_v.board-view #bo_v_title .bo_v_tit {
    display: block;
    font-family: 'Outfit', 'Noto Sans KR', sans-serif;
    font-size: 24px;
    font-weight: 700;
    color: var(--tc-navy, #0A1628);
    line-height: 1.3;
    margin-top: 4px;
}

/* 프로필 정보 영역 */
#bo_v.board-view #bo_v_info {
    padding: 12px 0;
    border-top: 1px solid var(--tc-gray-200, #E2E8F0);
    margin-bottom: 20px;
}

/* 모바일 */
@media (max-width: 768px) {
    #bo_v.board-view > header {
        padding: 18px 18px 18px 22px;
    }
    #bo_v.board-view #bo_v_title .bo_v_tit {
        font-size: 20px;
    }
}