/* Shared network public identity; product pages provide the activity sections. */
.tcgn-public-profile {
  min-width: 0;
}
.tcgn-public-profile header {
  display: flex;
  align-items: center;
  gap: 18px;
}
.tcgn-profile-avatar {
  display: grid;
  place-items: center;
  flex: 0 0 64px;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: var(--surface-2, #1a1e1e);
  color: var(--brand);
  font-size: 22px;
  font-weight: 700;
}
.tcgn-public-profile h1,
.tcgn-public-profile h3 {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
}
.tcgn-public-profile header p {
  margin: 5px 0 0;
  color: var(--muted);
}
.tcgn-profile-bio {
  max-width: 55ch;
  color: var(--muted);
  margin: 20px 0;
}
.tcgn-profile-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-top: 20px;
}
.tcgn-public-profile-compact {
  padding: 24px;
  background: var(--surface);
  border-radius: var(--tcgn-radius-surface, 24px);
}
.tcgn-public-profile-compact .tcgn-profile-avatar {
  width: 48px;
  height: 48px;
  flex-basis: 48px;
  font-size: 17px;
}
.tcgn-public-profile-compact h3 {
  font-size: 17px;
}
.tcgn-public-profile-compact .tcgn-profile-bio {
  font-size: 13px;
  min-height: 3em;
}
.tcgn-profile-metrics {
  display: flex;
  gap: 24px;
  padding-top: 18px;
  margin-top: 18px;
  border-top: 1px solid var(--border);
  color: var(--muted);
  font-size: 12px;
}
.tcgn-profile-metrics strong {
  display: block;
  font-size: 20px;
  color: var(--text);
}

/* A directory card is a single persistent, keyboard-accessible target. */
a.tcgn-public-profile-compact {display:flex;flex-direction:column;gap:0;color:inherit;text-decoration:none;padding:20px}
a.tcgn-public-profile-compact:is(:hover,:focus-visible) {color:inherit;background:var(--surface-secondary,var(--surface))}
a.tcgn-public-profile-compact:focus-visible {outline:2px solid var(--focus,var(--brand));outline-offset:3px}
a.tcgn-public-profile-compact h3 {text-decoration:none}
a.tcgn-public-profile-compact .tcgn-profile-metrics {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin-top:18px;padding-top:16px}
a.tcgn-public-profile-compact .tcgn-profile-metrics > span + span {border-left:1px solid var(--border);padding-left:20px}

a.tcgn-public-profile-compact {height:100%;box-sizing:border-box}
a.tcgn-public-profile-compact header > div {flex:1;min-width:0}
a.tcgn-public-profile-compact .tcgn-profile-name {min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
