/* ============================================================================
   Talk To Our Investment Team
   Client review, 3 September 2026: the "Request a Callback" form was removed
   and the page became a contact directory in the Who's Who style. It therefore
   loads whos-who.css and reuses its .ww-* table wholesale.

   This file carries only what Who's Who has no equivalent for:
     - an initial-letter avatar, for a manager with no portrait
     - the "to be confirmed" treatment for details not yet supplied
     - the Investor Facilitation Cell panel
   The form styling that used to live here went with the form.
   Built in the portal's own tokens (navy/orange, Poppins).
   ============================================================================ */

.rm-section { padding-top: 10px; }

.rm-section .rm-lede {
  font-size: var(--fs-small);
  font-weight: var(--fw-regular);
  color: var(--text-muted);
  line-height: var(--lh-snug);
  max-width: 620px;
  margin: 0 0 26px;
}

/* ---- initial-letter avatar ----------------------------------------------
   Sits inside Who's Who's .ww-photo circle, so it inherits that circle's size,
   ring and clipping. Used when a manager has no portrait in the repo. */
.rm-initial {
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  background: linear-gradient(160deg, var(--text-heading) 0%, #0d3b7a 100%);
  color: #fff;
  font-family: var(--font-sans, "Poppins", sans-serif);
  font-size: 22px;
  font-weight: var(--fw-semibold);
  line-height: 1;
}

/* ---- details not yet supplied -------------------------------------------- */
.rm-tbc {
  color: #8592ab;
  font-style: italic;
  font-weight: var(--fw-regular);
}
/* A row with no name at all reads as a placeholder rather than a person. */
.ww-table tbody tr.rm-pending .ww-name {
  color: #8592ab;
  font-style: italic;
}
.ww-table tbody tr.rm-pending .rm-initial {
  background: #d8e0ec;
  color: #8592ab;
}

/* ---- Investor Facilitation Cell ----------------------------------------- */
.rm-cell {
  margin-top: 34px;
  padding: 34px;
  border-radius: 12px;
  background: linear-gradient(160deg, var(--text-heading) 0%, #0d3b7a 100%);
  color: #fff;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(220px, 100%), 1fr));
  gap: 22px 34px;
  align-items: start;
}
.rm-section .rm-cell-title {
  grid-column: 1 / -1;
  font-size: var(--fs-small);
  font-weight: var(--fw-semibold);
  letter-spacing: var(--ls-caps);
  text-transform: uppercase;
  color: var(--text-accent);
  margin: 0;
}

.rm-cell-item { margin: 0; }
.rm-cell-label {
  display: block;
  font-size: 11px;
  font-weight: var(--fw-bold);
  letter-spacing: var(--ls-caps, .08em);
  text-transform: uppercase;
  color: rgba(255, 255, 255, .62);
  margin-bottom: 5px;
}
.rm-cell-value {
  display: block;
  font-size: var(--fs-small);
  font-weight: var(--fw-semibold);
  line-height: var(--lh-snug);
  color: #fff;
}
.rm-cell-value a { color: #fff; }
.rm-cell-value a:hover { color: var(--text-accent); text-decoration: underline; }

@media (max-width: 767px) {
  .rm-cell { margin-top: 26px; padding: 24px 20px; gap: 18px; }
}

.rm-section p { text-align: left; }
.rm-enquiry { display: block; margin: 0 0 32px; background: #fff; border: 1px solid #d8e0ec; color: #172e4d; }
.rm-section .rm-enquiry h2 { color: #172e4d; margin-bottom: 16px; }
.rm-section .rm-enquiry p { color: #33465d; }
.rm-enquiry-link { display: inline-block; padding: 12px 18px; background: #172e4d; color: #fff !important; border-radius: 4px; }