.community-header,.community-main{max-width:1120px;margin:auto;padding:24px}
.community-header{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.community-header nav{display:flex;gap:20px;flex-wrap:wrap}
.community-workspace{min-width:0;color:var(--text,#ecf7f2);line-height:1.6}
.community-workspace h1{font-size:2rem;line-height:1.2}
.community-workspace h2{font-size:1.4rem;line-height:1.3}
.community-filters{display:flex;align-items:end;gap:16px;flex-wrap:wrap;margin:24px 0}
.community-filters label{display:grid;gap:8px}
.community-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:20px}
.community-card,.community-detail{min-width:0;padding:24px;border:1px solid var(--border,var(--line,#244139));border-radius:16px;background:var(--surface,var(--panel,#0e1b17));color:var(--text,#ecf7f2);overflow-wrap:anywhere}
.community-card h2{margin:8px 0}
.community-meta{color:var(--muted,#9db2a9)}
.community-counts{display:flex;gap:20px;flex-wrap:wrap;margin:20px 0}
.community-counts span{display:grid;font-size:.85rem;color:var(--muted,#9db2a9)}
.community-counts strong{font-size:1.4rem;color:var(--text,#ecf7f2)}
.community-notice{padding:16px;background:var(--surface-2,var(--panel,#0e1b17));color:var(--muted,#9db2a9);border:1px solid var(--border,var(--line,#244139));border-radius:12px}
.community-detail{margin-bottom:24px}
.community-detail li{margin:10px 0}
.community-detail pre{max-height:400px;overflow:auto;white-space:pre-wrap;font-size:.85rem}
.community-actions{display:flex;gap:16px;flex-wrap:wrap;margin:20px 0}
.community-workspace :is(button,input,select,textarea){font:inherit;padding:10px 14px;border:1px solid var(--border,var(--line,#244139));border-radius:8px;background:var(--surface-2,var(--panel,#0e1b17));color:var(--text,#ecf7f2);max-width:100%;min-width:0}
.community-workspace input::placeholder{color:var(--muted,#9db2a9)}
.community-workspace button{cursor:pointer;min-height:42px}
.community-workspace button:hover{border-color:var(--accent,#76e6b5)}
.community-workspace button:disabled{opacity:.55;cursor:wait}
.community-workspace :is(button,input,select,textarea,summary):focus-visible{outline:2px solid var(--accent,#76e6b5);outline-offset:3px}
.community-workspace :is(#approve,#copy){background:var(--accent,#76e6b5);color:var(--accent-ink,#17200e);font-weight:600}
.community-workspace textarea{display:block;width:100%;max-width:600px;min-height:100px;margin-top:8px}
.community-workspace summary{cursor:pointer}
.community-workspace [hidden]{display:none!important}
@media(max-width:600px){.community-main{padding:16px 0}.community-card,.community-detail{padding:18px}.community-filters{align-items:stretch}.community-filters label{flex:1 1 160px}}