/* board.css — 공지사항/문의(Q&A) 게시판 · 폼 · 상세 모달 */

/* 게시판 */
.toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}
.toolbar h2{font-size:clamp(22px,3.4vw,28px);margin:0}
.board{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-soft);overflow:hidden}
.board-row{display:flex;align-items:center;gap:12px;padding:18px 20px;border-top:1px solid var(--line);cursor:pointer;transition:.12s}
.board-row:first-child{border-top:none}
.board-row:hover{background:var(--brand-soft)}
.board-row .tt{flex:1;min-width:0}
.board-row .tt .t{font-weight:800;font-size:16.5px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.board-row .tt .m{color:var(--muted);font-size:13px;margin-top:3px}
.board-row .body-preview{color:var(--muted);font-size:14px;margin-top:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-wrap}
.tag{display:inline-block;font-size:11.5px;font-weight:800;padding:3px 9px;border-radius:20px}
.tag.pin{background:#fff2d6;color:#9a6a00}.tag.ans{background:#dcf5e6;color:#12874a}.tag.wait{background:#eef1f6;color:#6b7890}.tag.lock{background:#efe6ff;color:#7a4fd0}
.empty{padding:44px 20px;text-align:center;color:var(--muted)}

/* 폼 */
.field{margin-bottom:14px}
.field label{display:block;font-size:13.5px;font-weight:700;color:var(--muted);margin-bottom:6px}
.field input,.field textarea{width:100%;padding:14px;border-radius:12px;border:1.5px solid var(--line);background:#fff;color:var(--ink);font-size:16px;font-family:inherit}
.field textarea{min-height:120px;resize:vertical}
.field input:focus,.field textarea:focus{outline:none;border-color:var(--brand)}
.row2{display:grid;grid-template-columns:1fr;gap:14px}
@media(min-width:640px){.row2{grid-template-columns:1fr 1fr}}
.chk{display:flex;align-items:center;gap:9px;font-size:15px;font-weight:700;color:var(--ink);cursor:pointer}
.chk input{width:20px;height:20px;accent-color:var(--brand)}
.msg{font-size:14px;min-height:18px;margin:4px 0}
.msg.err{color:var(--danger)}.msg.ok{color:var(--success)}

/* 상세 모달 */
.modal{position:fixed;inset:0;background:rgba(10,20,40,.5);display:none;place-items:center;z-index:200;padding:16px}
.modal.open{display:grid}
.modal-box{background:#fff;border-radius:20px;width:min(640px,96vw);max-height:90vh;overflow:auto;box-shadow:0 20px 60px rgba(0,0,0,.3)}
.modal-hd{display:flex;justify-content:space-between;align-items:center;padding:20px 22px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#fff}
.modal-hd h3{font-size:19px;font-weight:900}
.x{background:none;border:none;font-size:26px;line-height:1;cursor:pointer;color:var(--muted);padding:0 4px}
.modal-bd{padding:22px}
.answer-box{background:var(--brand-soft);border-radius:14px;padding:16px 18px;margin-top:16px}
.answer-box .lb{font-weight:800;color:var(--brand);font-size:14px;margin-bottom:6px}
.qbody{white-space:pre-wrap;font-size:16px;margin-top:6px}