.community-panel { padding: clamp(22px, 4vw, 36px); border: 1px solid var(--line); border-radius: 16px; background: var(--surface); min-width: 0; }
.community-panel h2 { font-size: 24px; margin-bottom: 14px; }
.directory-tools { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); gap: 18px; margin-bottom: 12px; }
.member-card { display: flex; flex-direction: column; gap: 12px; min-width: 0; }
.member-card .member-intro { flex: 1; white-space: pre-wrap; overflow-wrap: anywhere; }
.member-avatar { width: 52px; height: 52px; border-radius: 14px; display: grid; place-items: center; background: var(--accent-dim); color: var(--accent); font-size: 24px; font-weight: 700; flex: 0 0 auto; }
.member-head { display: flex; align-items: center; gap: 14px; }
.member-head > div { min-width: 0; overflow-wrap: anywhere; }
.member-head h2, .member-head h3 { margin: 0; overflow-wrap: anywhere; }
.member-stats { display: flex; gap: 16px; color: var(--fg-faint); font-family: var(--font-mono); font-size: 12px; }
.member-dialog { width: min(720px, calc(100% - 32px)); max-height: 86vh; margin: auto; padding: clamp(22px, 4vw, 38px); background: var(--bg-2); color: var(--fg); border: 1px solid var(--line-strong); border-radius: 18px; overflow-y: auto; }
.member-dialog::backdrop { background: rgba(0,0,0,.75); backdrop-filter: blur(6px); }
.member-dialog .dialog-close { float: right; margin: 0 0 15px 15px; }
.member-dialog h4 { margin: 26px 0 10px; }
.community-link { display: block; padding: 13px 0; border-bottom: 1px solid var(--line); overflow-wrap: anywhere; }
.community-link:hover { color: var(--accent); }
.community-link small { color: var(--fg-faint); display: block; margin-top: 4px; }
.proposal-layout { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: 26px; align-items: start; }
.proposal-card { padding: 22px; border: 1px solid var(--line); background: var(--surface); border-radius: 14px; margin-bottom: 18px; overflow-wrap: anywhere; }
.proposal-card h3 { font-size: 20px; margin: 12px 0; }
.proposal-card summary { cursor: pointer; margin: 14px 0; color: var(--accent); font-size: 13px; }
.proposal-card .review-note { margin: 14px 0; border-left: 2px solid var(--accent); padding-left: 12px; color: var(--fg-dim); }
.community-empty { padding: 38px 22px; text-align: center; color: var(--fg-faint); border: 1px dashed var(--line-strong); border-radius: 14px; }
@media (max-width: 800px) { .proposal-layout, .directory-tools { grid-template-columns: 1fr; } }