/* Verified star beside a Creator's name, wherever it appears */
.vinline { display: inline-flex; vertical-align: -.2em; margin-left: 5px; flex: none; } .vinline svg { display: block; }
/* Creator card stats as three round bubbles */
.creator-card__stats { display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 6px; margin-top: 10px; font-size: .8rem; }
.creator-card__stats span { padding: 6px 12px; border-radius: 999px; background: #fff; border: 1px solid rgba(0,0,51,.18); white-space: nowrap; }
.creator-card__stats { gap: 4px; font-size: .74rem; } .creator-card__stats span { padding: 5px 9px; }
.cc__who > span { display: grid; grid-template-columns: auto auto; justify-content: start; align-items: center; column-gap: 0; } .cc__who > span small { grid-column: 1 / -1; }
.cc__who .cc__nm { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .cc__who .vinline { margin-left: 4px; }
.give-fab__who b { display: flex; align-items: center; min-width: 0; } .give-fab__who b .t { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }
html .cc__who > span:not(.cc__nm):not(.vinline) { display: grid; grid-template-columns: minmax(0, auto) auto; justify-content: start; align-items: center; }
html .cc__who > span:not(.cc__nm):not(.vinline) > small { grid-column: 1 / -1; }
html .cc__who span.vinline { display: inline-flex; line-height: 0; }
html .cc__who span.cc__nm { display: block; }
.organizer b .vinline { margin-inline: 4px 2px; }
/* Name and verified star always on one line (card byline) */
html .cc__who > span:not(.cc__line):not(.cc__nm):not(.vinline) { display: block; }
html .cc__who span.cc__line { display: flex; flex-wrap: nowrap; align-items: center; gap: 4px; min-width: 0; }
html .cc__who span.cc__line .vinline { margin-left: 0; flex: none; }
html .cc__who span.cc__line .cc__nm { display: block; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* A Creator's name and verified star never split across lines */
.nw, html .cc__who span.cc__line { white-space: nowrap; }
html .cc__who span.cc__line .cc__nm { overflow: visible; text-overflow: clip; white-space: nowrap; }
html .cc__who { max-width: 100%; }
.give-fab__top { flex-wrap: wrap; row-gap: 10px; }
.give-fab__who { flex: 1 1 auto; }
.give-fab__who b { display: block; overflow: visible; text-overflow: clip; white-space: nowrap; }
.give-fab__who b .nw { display: inline-flex; align-items: center; }
.organizer b .nw { display: inline-block; }
.creator-card__name, .story-page__who h3 { }
/* Creator photos keep their full size beside the name */
.cc__who img { width: 34px; height: 34px; flex: none; min-width: 34px; }
.give-fab__who img { flex: none; }
/* campaign card: bigger avatar; name + star always on one line (givers wrap below instead of squeezing the name) */
html .cc__who { flex: 0 0 auto; max-width: 100%; gap: 10px; }
html .cc__who img { width: 46px; height: 46px; min-width: 46px; flex: none; }
html .cc__who span.cc__line { flex-wrap: nowrap; white-space: nowrap; }
html .cc__who > span:not(.cc__line):not(.cc__nm):not(.vinline) { display: block; min-width: 0; }
html .cc__foot .cc__givers { flex: 0 0 auto; margin-left: auto; }
/* v: campaign card avatar 50, name + star on one line with air */
html .cc__who img { width: 50px; height: 50px; min-width: 50px; }
html .cc__who span.cc__line { gap: 6px; }
/* give card: creator block sits on the right of the amounts */
html .give-fab__top { flex-wrap: nowrap; row-gap: 0; }
html .give-fab__top > div:first-child { flex: 0 1 auto; min-width: 0; }
html .give-fab__who { flex: 0 1 auto; margin-left: auto; justify-content: flex-end; text-align: left; }
html .give-fab__who > div { justify-items: start; }
/* creator card stat bubbles fill the card */
html .creator-card__stats { flex-wrap: nowrap; gap: 6px; justify-content: space-between; }
html .creator-card__stats span { flex: 1 1 auto; text-align: center; padding: 7px 12px; }
html .creator-card__stats { flex-wrap: wrap; }
html .creator-card__stats span { padding: 7px 14px; }
html .give-fab__who b .nw { overflow: visible; }
html .give-fab__who > div { min-width: max-content; }
@media (max-width: 380px) { html .give-fab__raised { font-size: 1.35rem; } html .give-fab__goal { font-size: .75rem; } html .give-fab__who img { width: 40px; height: 40px; } html .give-fab__top { gap: 8px; } }
@media (min-width: 361px) { html .creator-card__stats { flex-wrap: nowrap; gap: 5px; font-size: .72rem; } html .creator-card__stats span { padding: 7px 8px; flex: 1 1 auto; min-width: 0; } }
/* Giving Creators card: three stat bubbles share the full card width */
.creator-card__stats { display: flex !important; flex-wrap: nowrap !important; width: 100%; gap: 4px !important; justify-content: stretch !important; }
.creator-card__stats > span { flex: 1 1 auto !important; min-width: 0 !important; text-align: center; padding: 8px 4px !important; font-size: .7rem !important; }
@media (max-width: 370px) { .creator-card__stats { flex-wrap: wrap !important; } .creator-card__stats > span { flex: 1 1 auto !important; } }