/* AcademicCrew Featured People Widget */

/* ── Grid wrapper — fixed card width, 6 per row by default ── */
.acc-fpp-wrap {
  display: grid;
  grid-template-columns: repeat(var(--acc-fpp-cols, 6), 148px);
  gap: var(--acc-fpp-gap, 12px);
  justify-content: start;
}

/* ── Card: fixed width, no top/side padding (portrait edge-to-edge) */
.acc-fpp-wrap .acc-member-card {
  width: 148px;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

/* ── Card top and avatar wrap fill full card width ──────── */
.acc-fpp-wrap .acc-card-top,
.acc-fpp-wrap .acc-avatar-wrap {
  width: 100%;
}

/* ── Portrait fills card width (overrides 84px from members-archive) */
.acc-fpp-wrap .acc-avatar-wrap .acc-portrait {
  width: 100%;
}

/* ── Card body: restore horizontal padding below portrait ── */
.acc-fpp-wrap .acc-card-body {
  padding-left: 1rem;
  padding-right: 1rem;
  width: 100%;
  box-sizing: border-box;
}

/* ── Role badge: allow wrapping inside the narrow card ──── */
.acc-fpp-wrap .acc-role-badge {
  white-space: normal;
  line-height: 1.3;
  display: block;
  font-size: 9px;
}

/* ── Empty state ───────────────────────────────────────────── */
.acc-fpp-empty {
  grid-column: 1 / -1;
  padding: 2rem;
  text-align: center;
  font-size: 14px;
  color: #666;
}

/* ── Responsive ────────────────────────────────────────────── */
@media (max-width: 960px) {
  .acc-fpp-wrap { grid-template-columns: repeat(4, 148px); }
}
@media (max-width: 660px) {
  .acc-fpp-wrap { grid-template-columns: repeat(3, 148px); }
}
@media (max-width: 500px) {
  .acc-fpp-wrap { grid-template-columns: repeat(2, 148px); }
}