/* Community champion card (public/community.php) + mini avatars (public/communities.php). */
.cc-card{
  --cc-c:var(--nu-brand,var(--in-primary,#5d579e));
  --cc-a:var(--nu-teal,var(--in-accent,#01696f));
  position:relative;overflow:hidden;background:var(--nu-surface,#fff);border:1px solid var(--nu-line,rgba(93,87,158,.12));
  border-radius:22px;padding:1.25rem 1.35rem 1.35rem;box-shadow:0 18px 40px -24px color-mix(in srgb,var(--cc-c) 55%,transparent)
}
.cc-card::before{content:"";position:absolute;inset:0 0 auto 0;height:5px;background:linear-gradient(90deg,var(--cc-c),var(--cc-a))}
.cc-kicker{display:inline-flex;align-items:center;gap:.35rem;font-size:.74rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--nu-lilac-ink,var(--cc-c));background:var(--nu-lilac,color-mix(in srgb,var(--cc-c) 10%,#fff));padding:.3rem .7rem;border-radius:99px;margin-bottom:.9rem}
.cc-person{display:flex;gap:.85rem;align-items:center;margin-top:.6rem}
.cc-person + .cc-bio{margin-top:.6rem}
.cc-avatar{width:64px;height:64px;border-radius:50%;object-fit:cover;flex:none;border:3px solid var(--nu-surface,#fff);box-shadow:0 0 0 2px color-mix(in srgb,var(--cc-c) 40%,transparent)}
.cc-meta{display:flex;flex-direction:column;gap:.2rem;min-width:0}
.cc-name{font-size:1.05rem;letter-spacing:-.015em;color:var(--nu-ink,#1d1d1f)}
.cc-badge{align-self:flex-start;font-size:.72rem;font-weight:700;padding:.18rem .55rem;border-radius:99px}
.cc-badge.is-elected{background:var(--nu-mint,#e5f4f0);color:var(--nu-mint-ink,#0b5e57)}
.cc-badge.is-candidate{background:var(--nu-peach,#fdefe6);color:var(--nu-peach-ink,#8a4516)}
.cc-term{font-size:.8rem;color:var(--nu-mute,#6e6e73)}
.cc-bio{font-size:.9rem;color:var(--nu-ink-2,#424245);line-height:1.55;margin:.6rem 0 0}
.cc-btn{margin-top:1rem;width:100%;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border:0;cursor:pointer;border-radius:14px;padding:.65rem 1rem;font-weight:650;color:#fff;text-decoration:none;
  background:linear-gradient(135deg,var(--cc-c),color-mix(in srgb,var(--cc-c) 60%,var(--cc-a)));transition:transform .2s,box-shadow .2s}
.cc-btn:hover{color:#fff;transform:translateY(-1px);box-shadow:0 10px 24px -12px var(--cc-c)}
.cc-btn:focus-visible{outline:3px solid color-mix(in srgb,var(--cc-c) 45%,transparent);outline-offset:2px}
.cc-mini{display:inline-flex;align-items:center;gap:.4rem;font-size:.78rem;color:var(--nu-mute,#6e6e73)}
.cc-mini-stack{display:inline-flex}
.cc-mini-stack img{width:26px;height:26px;border-radius:50%;object-fit:cover;border:2px solid var(--nu-surface,#fff);margin-left:-8px}
.cc-mini-stack img:first-child{margin-left:0}
.cc-mini-l{max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.theme-dark .cc-card{background:#1b1a24;border-color:rgba(255,255,255,.08)}
body.theme-dark .cc-name{color:#f2f1f7}
body.theme-dark .cc-bio{color:#c9c6d6}