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

.board-intro {
    margin: var(--spacing-xl) 0 var(--spacing-2xl);
    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;
}