/* Community board dialog on the home hub (js/community.js). */
.communityDialog{width:min(820px,calc(100vw - var(--hud-space-6) - var(--sal) - var(--sar)));}
.communityBody{text-align:left;display:flex;flex-direction:column;gap:var(--hud-space-3);min-width:0;}
.communityToolbar{display:flex;gap:var(--hud-space-2);align-items:stretch;flex-wrap:wrap;}
.communityToolbar input{flex:1 1 200px;min-width:0;}
.communityFilters{display:flex;gap:var(--hud-space-1);flex-wrap:wrap;}
.communityDialog .communityFilters .btn{min-height:32px;padding:var(--hud-space-1) var(--hud-space-2);font-size:var(--hud-text-xs);}
.communityFilters .btn.on{border-color:var(--hud-accent);color:var(--hud-accent);}
.communitySorts{justify-content:flex-end;}
.communityList,.communityReplies{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--hud-space-2);}
.communityPost,.communityReply,.communityThreadHead{display:flex;gap:var(--hud-space-3);align-items:flex-start;min-width:0;}
.communityPost,.communityReply,.communityThread{padding:var(--hud-space-3);background:var(--hud-surface-panel);border:var(--hud-border-width) solid var(--hud-border-subtle);}
.communityPost:hover{border-color:var(--hud-border);}
.communityOpen{all:unset;cursor:pointer;display:flex;flex-direction:column;gap:var(--hud-space-1);flex:1;min-width:0;}
.communityOpen:focus-visible{outline:2px solid var(--hud-accent);outline-offset:2px;}
.communityDialog .communityVote{flex-shrink:0;min-width:56px;min-height:40px;padding:var(--hud-space-1);font-size:var(--hud-text-xs);}
.communityVote.on{border-color:var(--hud-accent);color:var(--hud-accent);}
.communityTitle{color:var(--hud-text);font:var(--hud-weight-strong) var(--hud-text-body)/var(--hud-leading) var(--hud-font-body);overflow-wrap:anywhere;margin:0;}
.communityCat{align-self:flex-start;font:var(--hud-text-xs)/1.4 var(--hud-font-label);letter-spacing:var(--hud-tracking-label);color:var(--hud-accent);}
.communityMeta{font-size:var(--hud-text-xs);color:var(--hud-text-muted);}
.communityMeta b{color:var(--hud-text);font-weight:var(--hud-weight-strong);}
.communityBadge{padding:0 4px;border:1px solid var(--hud-border);font:var(--hud-text-xs)/1.4 var(--hud-font-label);color:var(--hud-text-muted);}
.communityBadge.dev{border-color:var(--hud-accent);color:var(--hud-accent);font-weight:var(--hud-weight-strong);}
.communityText{margin:var(--hud-space-2) 0 0;white-space:pre-wrap;overflow-wrap:anywhere;font:var(--hud-text-body)/var(--hud-leading) var(--hud-font-body);color:var(--hud-text);}
.communityReply > div,.communityThreadHead > div{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--hud-space-1);}
.communityForm{display:flex;flex-direction:column;gap:var(--hud-space-2);}
.communityForm textarea,.communityForm input,.communityForm select{width:100%;min-width:0;box-sizing:border-box;font-size:var(--hud-text-body);resize:vertical;}
.communityForm > .btn,.communityBack{align-self:flex-start;}
.communityNote,.communityEmpty{font-size:var(--hud-text-xs);color:var(--hud-text-muted);}