.community-vote { margin-block: .5rem; }
.community-vote form { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; }
.community-vote-button, .community-vote-total { display: inline-flex; align-items: center; gap: .4rem; font: inherit; font-size: .875rem; }
.community-vote-button { min-height: 44px; padding: .4rem .75rem; border: 1px solid var(--community-border, #dce5e0); border-radius: 999px; background: transparent; color: var(--community-text, #253b30); cursor: pointer; }
.community-vote-button:hover { background: var(--community-brand-soft, #eef7f1); }
.community-vote-button[aria-pressed="true"] { border-color: var(--community-brand, #176b55); background: var(--community-brand-soft, #edf8f4); color: var(--community-brand-hover, #0e3e34); font-weight: 600; }
.community-vote-button:focus-visible { outline: 3px solid var(--community-focus, #176b55); outline-offset: 3px; }
.community-vote-button:disabled { opacity: .65; cursor: wait; }
.community-vote-total, .community-vote-status { color: #52665b; }
.community-vote-status { font-size: .8125rem; overflow-wrap: anywhere; }