/* ============================================================
 * 새 디자인 게시판 ([lisd_board], inc/lisd-board.php) — 2026-09-26
 * 데스크탑은 inline style(디자인 원본값) 그대로, 여기서는 반응형만.
 * ============================================================ */
.lisd [data-lisd^="block-board"] .lisd-bd-search input::placeholder { color: oklch(0.6 0.01 20); }
.lisd [data-lisd^="block-board"] .lisd-bd-search input::-webkit-search-cancel-button { cursor: pointer; }
.lisd [data-lisd^="block-board"] .lisd-bd-row:hover .lisd-bd-file { border-color: #A71836 !important; }

@media (max-width: 768px) {
    .lisd [data-lisd^="block-board"] .lisd-bd-head { flex-direction: column; align-items: stretch !important; gap: 14px !important; }
    .lisd [data-lisd^="block-board"] .lisd-bd-search { width: 100%; }
    .lisd [data-lisd^="block-board"] .lisd-bd-search input { flex: 1; width: auto !important; min-width: 0; }

    /* 목록: 번호 | 제목 / 날짜는 제목 아래 */
    .lisd [data-lisd^="block-board"] .lisd-bd-th { display: none !important; }
    .lisd [data-lisd^="block-board"] .lisd-bd-list .lisd-bd-row {
        grid-template-columns: 40px minmax(0, 1fr) !important;
        gap: 4px 12px !important;
        padding: 16px 0 !important;
    }
    .lisd [data-lisd^="block-board"] .lisd-bd-row > :first-child { grid-row: span 2; align-self: start; padding-top: 2px; }
    .lisd [data-lisd^="block-board"] .lisd-bd-title { font-size: 15.5px !important; flex-wrap: wrap; }
    .lisd [data-lisd^="block-board"] .lisd-bd-title > span[style*="nowrap"] { white-space: normal !important; }
    .lisd [data-lisd^="block-board"] .lisd-bd-date { grid-column: 2; text-align: left !important; font-size: 13px !important; }

    /* 자료실: 파일 버튼을 날짜 옆에 */
    .lisd [data-lisd^="block-board"] .lisd-bd-files .lisd-bd-row { grid-template-columns: 40px minmax(0, 1fr) auto !important; }
    .lisd [data-lisd^="block-board"] .lisd-bd-files .lisd-bd-title { grid-column: 2 / 4; }
    .lisd [data-lisd^="block-board"] .lisd-bd-files .lisd-bd-file { grid-column: 3; grid-row: 2; padding: 6px 10px !important; font-size: 12px !important; }
    .lisd [data-lisd^="block-board"] .lisd-bd-files .lisd-bd-date { grid-row: 2; align-self: center; }

    .lisd [data-lisd^="block-board"] .lisd-bd-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 24px 14px !important; }
}
@media (max-width: 480px) {
    .lisd [data-lisd^="block-board"] .lisd-bd-grid { grid-template-columns: minmax(0, 1fr) !important; }
}

/* 동영상 팝업 (js/lisd/board.js) */
.lisd-ytbox { position: fixed; inset: 0; z-index: 100000; display: flex; align-items: center; justify-content: center; padding: 24px; box-sizing: border-box; }
.lisd-ytbox[hidden] { display: none; }
.lisd-ytbox__bg { position: absolute; inset: 0; background: rgba(20, 14, 14, 0.86); }
.lisd-ytbox__panel { position: relative; width: min(1100px, 100%); }
.lisd-ytbox__frame { aspect-ratio: 16 / 9; background: #000; }
.lisd-ytbox__frame iframe { width: 100%; height: 100%; border: 0; display: block; }
.lisd-ytbox__title { margin: 14px 0 0; color: #fff; font-size: 16px; font-weight: 500; font-family: "Noto Sans KR", sans-serif; word-break: keep-all; }
.lisd-ytbox__close { position: absolute; right: 0; top: -44px; width: 40px; height: 40px; border: 0; background: transparent; color: #fff; font-size: 34px; line-height: 1; cursor: pointer; }
.lisd-ytbox__close:hover { color: oklch(0.8 0.1 12); }
body.lisd-ytbox-open { overflow: hidden; }
@media (max-width: 768px) { .lisd-ytbox { padding: 12px; } .lisd-ytbox__close { top: -40px; } }