/* V0.15.10.50.91 – Four-column discovery directory and centered organigram info buttons.
   Scoped to public /finden/ profile cards and PerformanceHub organigram; no DB changes. */
@media (min-width: 1280px) {
  .directory-section .directory-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (min-width: 900px) and (max-width: 1279.98px) {
  .directory-section .directory-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (min-width: 620px) and (max-width: 899.98px) {
  .directory-section .directory-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 619.98px) {
  .directory-section .directory-grid { grid-template-columns: minmax(0, 1fr); }
}
/* Profile cards must not reserve 340px of empty height. Grid rows grow only for real content. */
.directory-section .directory-grid { align-items: stretch; gap: 12px; }
.directory-section .directory-card {
  box-sizing: border-box; min-width: 0; min-height: 0;
  padding: 14px 15px 15px;
  border-radius: 17px;
}
/* A separate flow row for featured status guarantees no overlap with qualification chips. */
.directory-section .directory-card > .directory-featured {
  position: static; inset: auto;
  align-self: flex-end;
  display: inline-flex; align-items: center; justify-content: center;
  margin: 0 0 11px; padding: 5px 8px;
  max-width: 100%; min-height: 0; box-sizing: border-box;
  white-space: nowrap; line-height: 1.15; font-size: .47rem;
}
.directory-section .directory-card-top {
  grid-template-columns: 54px minmax(0, 1fr); gap: 11px;
  min-width: 0; align-items: center;
}
.directory-section .directory-avatar { width: 54px; height: 54px; border-radius: 14px; font-size: 1.09rem; }
.directory-section .directory-identity { min-width: 0; }
.directory-section .directory-badges {
  display: flex; flex-wrap: wrap; gap: 5px;
  padding-right: 0; min-width: 0; max-width: 100%;
}
.directory-section .directory-badges > * {
  box-sizing: border-box; max-width: 100%; min-width: 0;
  overflow-wrap: anywhere; white-space: normal;
  line-height: 1.3;
}
.directory-section .directory-type-badge { padding: 5px 6px; font-size: .45rem; }
.directory-section .directory-identity h3 { margin: 7px 0 3px; font-size: .91rem; line-height: 1.23; overflow-wrap: anywhere; }
.directory-section .directory-organisation { font-size: .6rem; line-height: 1.4; }
.directory-section .directory-location { font-size: .55rem; line-height: 1.45; margin-top: 6px; }
.directory-section .directory-description {
  margin-top: 12px; font-size: .63rem; line-height: 1.5;
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;
  overflow: hidden;
}
.directory-section .directory-offers { gap: 5px; margin-top: 11px; }
.directory-section .directory-offers span { font-size: .52rem; padding: 5px 7px; max-width: 100%; overflow-wrap: anywhere; }
.directory-section .directory-profile-link { padding-top: 13px; font-size: .63rem; }

/* Strict optical centering of the circled (i) icon in every network node. */
html body .phorg-node-info-btn {
  appearance: none; box-sizing: border-box;
  display: inline-grid; place-items: center;
  flex: 0 0 26px;
  width: 26px; height: 26px; min-width: 26px; min-height: 26px;
  padding: 0 !important; margin: 0;
  border-radius: 50%; line-height: 1;
  vertical-align: middle; text-align: center;
}
html body .phorg-node-info-btn svg {
  display: block; width: 16px; height: 16px;
  flex: none; margin: 0; padding: 0;
  transform: none; vertical-align: middle;
}
@media (max-width: 619.98px) {
  .directory-section .directory-card { padding: 15px 16px; }
}