/* SPDX-License-Identifier: AGPL-3.0-only */
/* card-avatar: photo/initials + prominent name; tags smaller; the card fills the stage on phones */
.c-av{flex:none;position:relative;width:44px;height:44px;border-radius:50%;display:inline-grid;place-items:center;overflow:hidden;
  background:hsl(var(--h,152) 45% 32%);color:#fff;font-weight:700;font-size:16px;letter-spacing:.02em}
.c-av img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
html:not(.desk) #stage > .card .c-eyebrow.has-av{flex-wrap:nowrap;align-items:center;gap:12px}
html:not(.desk) #stage > .card .c-eyebrow.has-av .c-person{font-size:17px;line-height:22px;flex:1 1 auto}
html:not(.desk) #stage > .card .c-eyebrow.has-av .c-person b{font-size:18px;font-weight:700}
html:not(.desk) #stage > .card .c-to.has-av{gap:12px}
html:not(.desk) #stage > .card .c-to.has-av .c-ch{display:none}
html:not(.desk) #stage > .card .c-head{font-size:12px;min-height:0}
html:not(.desk) #stage > .card .c-head .ca,html:not(.desk) #stage > .card .c-prof{font-size:11.5px;padding-top:2px;padding-bottom:2px;min-height:0}
html:not(.desk) #stage > .card{bottom:12px;max-height:none}
html:not(.desk) #stage > .card .c-body{flex:1 1 auto;min-height:0}
html:not(.desk) #stage > .card .c-eyebrow.has-av .c-person{display:flex;flex-direction:column;align-items:flex-start;margin:0;padding:2px 4px}
html:not(.desk) #stage > .card .c-eyebrow.has-av .c-person > *{font-size:13px;line-height:17px;color:var(--text-2);font-weight:500}
html:not(.desk) #stage > .card .c-eyebrow.has-av .c-person > b{order:-1;font-size:19px;line-height:23px;color:var(--text);font-weight:700}