/* CR_COLLECTIVE_V175BZ_HOME_MEMBERS_SPOTLIGHT_COMPACT
   Home-only visual fix after v175by live data:
   keep member cards premium/compact even when profile API returns long bios.
*/

body.cr-v175bz-home-members-compact .cr-v175bm-panel[aria-label="Members spotlight"] {
  overflow: hidden !important;
}

body.cr-v175bz-home-members-compact .cr-v175bm-members-row {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(122px, 1fr)) !important;
  align-items: stretch !important;
  gap: 14px !important;
}

body.cr-v175bz-home-members-compact .cr-v175bm-member-card {
  min-height: 138px !important;
  max-height: 156px !important;
  height: 100% !important;
  padding: 16px 12px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
  overflow: hidden !important;
}

body.cr-v175bz-home-members-compact .cr-v175bm-member-card .cr-v175bm-avatar {
  width: 58px !important;
  height: 58px !important;
  min-width: 58px !important;
  min-height: 58px !important;
  margin: 0 auto 10px !important;
  flex: 0 0 auto !important;
}

body.cr-v175bz-home-members-compact .cr-v175bm-member-card strong {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  font-size: 13px !important;
  line-height: 1.15 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.cr-v175bz-home-members-compact .cr-v175bm-member-card span {
  width: 100% !important;
  max-width: 100% !important;
  margin-top: 5px !important;
  font-size: 11px !important;
  line-height: 1.25 !important;
  color: rgba(226,232,240,.70) !important;
  overflow: hidden !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  text-overflow: ellipsis !important;
  overflow-wrap: anywhere !important;
}

body.cr-v175bz-home-members-compact .cr-v175bm-member-card[data-cr-v175by-live="1"] span {
  min-height: 27px !important;
}

@media (max-width: 760px) {
  body.cr-v175bz-home-members-compact .cr-v175bm-members-row {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

html::before {
  content: "CR_COLLECTIVE_V175BZ_HOME_MEMBERS_SPOTLIGHT_COMPACT";
  display: none;
}