/* Community board shares the timeline colors and typography. */
/* Fail closed before JS initialization and if any required script fails. */
#communityTabs[hidden],#communityTimeline[hidden],#communityPending[hidden]{display:none!important}
#communityBoardInfo{max-width:900px;margin:0 auto}
#communityBoardInfo[hidden],#communityBoardInfo [hidden]{display:none!important}
.board-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:12px 0 20px}
.board-heading h2{margin:0;color:#f7e8cb;font-size:1.3rem}
.board-heading p,.board-meta{color:#aebdcd;font-size:.85rem}
.board-heading p{margin:4px 0}
.board-compose,.board-detail{border:1px solid rgba(214,164,71,.23);background:#101e2d;border-radius:14px;padding:20px;margin:16px 0}
.board-compose{display:grid;gap:9px}
.board-compose h3,.board-detail h3{margin:0 0 8px;color:#f6e4bf}
.board-compose label,.board-filter-label,.board-reply-form label{font-size:.92rem;color:#dedbd5}
.board-compose input:not([type=checkbox]),.board-compose textarea,.board-compose select,
.board-filter-label select,.board-reply-form textarea{box-sizing:border-box;width:100%;padding:11px 12px;color:#f4eee7;border:1px solid #526275;border-radius:8px;background:#091827;font:inherit}
.board-compose input:focus,.board-compose textarea:focus,.board-compose select:focus,.board-reply-form textarea:focus{outline:2px solid #e3b764;outline-offset:2px}
.board-safety{display:flex;gap:8px;align-items:flex-start}
.board-safety input{margin-top:5px;accent-color:#d6a447}
.board-actions{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}
#communityBoardInfo .community-refresh,.board-secondary{border:1px solid rgba(214,164,71,.6);border-radius:8px;padding:9px 13px;font:inherit;font-weight:700;cursor:pointer}
#communityBoardInfo .community-refresh{background:#d2a555;color:#0a1725}
.board-secondary{background:transparent;color:#f0cf91}
.board-filter-label{display:flex;align-items:center;gap:14px;margin-bottom:15px}
.board-filter-label select{width:auto;min-width:145px}
.board-thread-list{display:grid;gap:12px;margin-bottom:16px}
.board-thread-card{background:#112131;border:1px solid rgba(214,164,71,.2);border-radius:12px;padding:16px;width:100%;text-align:left;color:#f0eee8;font:inherit;cursor:pointer}
.board-thread-card:hover,.board-thread-card:focus-visible{border-color:#d6a447;outline-color:#d6a447}
.board-thread-card h3{font-size:1.05rem;margin:6px 0 8px;color:#f9edcf}
.board-thread-card p{font-size:.9rem;line-height:1.6;margin:8px 0;overflow-wrap:anywhere;white-space:pre-wrap}
.board-category{display:inline-block;font-size:.78rem;color:#dcb976}
.board-meta{margin:8px 0 14px}
.board-detail h2{overflow-wrap:anywhere;color:#f7e7c6;line-height:1.4}
.board-detail-body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.85;margin:20px 0}
.board-replies{display:grid;gap:10px;margin:12px 0}
.board-reply{border:1px solid rgba(214,164,71,.15);border-radius:9px;padding:12px;background:#0a1826}
.board-reply[data-nested=true]{margin-left:22px;border-left:3px solid #be9a5a}
.board-reply p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}
.board-reply .board-actions{margin:4px 0}
.board-reply .board-secondary{padding:5px 8px;font-size:.8rem}
.board-reply-form{display:grid;gap:10px;margin-top:20px}
#boardStatus{min-height:1.25em}
@media(max-width:640px){.board-heading{align-items:stretch;flex-direction:column}.board-compose,.board-detail{padding:14px}.board-filter-label{flex-direction:column;align-items:stretch;gap:8px}.board-filter-label select{width:100%}.board-reply[data-nested=true]{margin-left:12px}}
