.board-intro { color:var(--ink-2); font-size:15px; line-height:1.9; margin:0 0 30px; }
.board-scope-tag { display:inline-block; margin-right:9px; border:1px solid var(--line); border-radius:4px; padding:2px 6px; font-size:11px; font-weight:600; vertical-align:middle; color:var(--muted); white-space:nowrap; }
.board-scope-tag.scope-private { color:var(--red); border-color:#d8b4ba; background:#fcf5f6; }
.board-scope-notice { padding:14px 18px; margin:16px 0; background:#eeeae1; border-left:3px solid var(--red); font-size:13px; }
.board-scope-notice p { margin:5px 0 0; line-height:1.7; }
.board-form h2 { margin:0 0 8px; font-size:22px; }
.board-form>label { font-size:14px; font-weight:600; }
.board-form>label>input,.board-form>label>textarea { display:block; margin-top:7px; }
.board-visibility { display:flex; flex-wrap:wrap; gap:12px 24px; border:1px solid var(--line); border-radius:8px; padding:14px; }
.board-visibility legend { padding:0 5px; font-size:13px; font-weight:700; }
.board-visibility label { display:flex; align-items:center; gap:7px; font-size:14px; cursor:pointer; }
.board-form input[type=radio],.board-form input[type=checkbox] { width:auto; accent-color:var(--red); }
.board-form .board-scope-notice { margin:0; }
.board-form-act { flex-wrap:wrap; }
.board-msg { overflow-wrap:anywhere; }
.board-title,.board-body { overflow-wrap:anywhere; }
.board-act { display:flex; gap:8px; margin-bottom:20px; }
.board-login { font-size:13px; text-decoration:underline; text-underline-offset:3px; }
.board-form :is(input,textarea,button):focus-visible { outline:2px solid var(--red); outline-offset:3px; }
.board-form button:disabled { opacity:.5; cursor:wait; }
@media(max-width:600px) { .board-intro { font-size:14px; } .board-visibility { flex-direction:column; } .board-meta { white-space:normal; } }

.board-toolbar { display:flex; justify-content:flex-end; margin:0 0 16px; }
.board-table-scroll { overflow-x:auto; border-top:2px solid var(--ink); }
.board-table-scroll:focus-visible { outline:2px solid var(--red); outline-offset:4px; }
.board-table { width:100%; min-width:700px; margin:0; border-collapse:collapse; table-layout:fixed; font-size:13px; }
.board-table th,.board-table td { padding:16px 10px; border-bottom:1px solid var(--line); text-align:center; vertical-align:middle; }
.board-table th { position:static; color:var(--muted); font-weight:650; background:var(--paper); }
.board-table th:first-child { width:72px; }
.board-table th:nth-child(3) { width:120px; }
.board-table th:nth-child(4) { width:108px; }
.board-table th:nth-child(5),.board-table th:nth-child(6) { width:66px; }
.board-table td.board-table-title { text-align:left; font-size:14px; }
.board-table-title a { display:block; overflow-wrap:anywhere; line-height:1.6; }
.board-table-title a:hover { color:var(--red); text-decoration:underline; text-underline-offset:3px; }
.board-table-title a:focus-visible { outline:2px solid var(--red); outline-offset:3px; }
.board-table-author { overflow-wrap:anywhere; }
.board-table tr.pinned { background:#fcf5f6; }
.board-table tr.pinned .board-table-title { color:var(--red); font-weight:650; }
.board-notice-mark { display:inline-block; padding:3px 10px; border:1px solid #e5c1c7; border-radius:4px; color:var(--red); background:#fff; font-size:12px; font-weight:700; white-space:nowrap; }
.sec-title .board-notice-mark { vertical-align:middle; margin-right:10px; }
.board-table td.board-table-empty { padding:60px 16px; color:var(--muted); }
.board-like-area { display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:12px; margin:36px 0; }
.board-like { display:inline-flex; align-items:center; gap:10px; padding:12px 22px; border:1px solid var(--line); border-radius:8px; background:#fff; color:var(--ink); font:inherit; cursor:pointer; }
.board-like[aria-pressed=true] { color:var(--red); border-color:var(--red); background:#fcf5f6; }
.board-like:disabled { cursor:default; }
.board-like:focus-visible { outline:2px solid var(--red); outline-offset:3px; }
#board-like-error { font-size:13px; color:var(--red); }
@media(max-width:600px) { .board-table th,.board-table td { padding:14px 8px; }.board-table th:nth-child(3){width:100px}.board-intro{margin-bottom:18px} }