/*
 * 게시판 상단 안내문 (2026-08-25, 칸반 150)
 *
 * 폼형 전용이던 .mform-intro 를 모든 게시판 유형이 쓰도록 뺀 공통 스타일이다.
 * 관리자가 에디터로 쓴 HTML 이 그대로 들어오므로, 서브페이지 본문과 같은 톤
 * (카드·그림자 없음)으로 두되 표·이미지가 폭을 넘지 않게만 막는다.
 *
 * 관리자가 넣은 인라인 style / <style> 이 이 기본값을 덮어쓰도록
 * 선택자를 한 단계로만 두고 !important 를 쓰지 않는다.
 */

.board-intro {
    margin: var(--spacing-xl) 0 var(--spacing-2xl);
    /* 2026-09-11 (칸반 246): 좌우 16px.
       게시판 행(.notice-page .post-item)이 좌우 24px 안쪽이라 안내문만 왼쪽으로 튀어나왔다. */
    padding: 0 var(--spacing-md);
    font-size: var(--font-body);
    line-height: 1.8;
    color: var(--text-primary);
    word-break: keep-all;
}

/* 안내문 첫/끝 요소의 바깥 여백은 위 margin 이 이미 만든다 */
.board-intro > *:first-child { margin-top: 0; }
.board-intro > *:last-child { margin-bottom: 0; }

.board-intro p { margin: 0 0 var(--spacing-md); }

.board-intro h1,
.board-intro h2,
.board-intro h3,
.board-intro h4 {
    margin: var(--spacing-lg) 0 var(--spacing-sm);
    color: var(--text-dark);
    font-weight: var(--weight-h4);
}

.board-intro ul,
.board-intro ol { margin: 0 0 var(--spacing-md); padding-left: 1.4em; }
.board-intro li { margin-bottom: var(--spacing-xs); list-style: inherit; }

.board-intro img,
.board-intro iframe,
.board-intro video { max-width: 100%; height: auto; }

.board-intro table {
    width: 100%;
    border-collapse: collapse;
    margin: 0 0 var(--spacing-md);
}
.board-intro th,
.board-intro td { border: 1px solid var(--border-light); padding: var(--spacing-sm); }

.board-intro a {
    color: var(--accent-tertiary);
    text-decoration: underline;
    text-underline-offset: 3px;
}

/*
 * 2026-09-11 (칸반 246): 모바일은 좌우 0.
 * board.css 의 860px 규칙이 게시판 행 패딩을 `var(--spacing-md) 0` 으로 바꾼다 —
 * 행이 좌우 0 인 구간에서 안내문만 16px 들어가면 오히려 정렬이 어긋난다.
 */
@media (max-width: 860px) {
    .board-intro { padding: 0; }
}