/* R10-CAMP-01 · Meet the experts (builder). Cards keep the Classic .cp-expert look; the grid
   wraps as a centred flex row so three (or five, six ...) experts don't leave empty columns. */
.cb-experts .cp-expert-grid { display: flex; flex-wrap: wrap; justify-content: center; }
.cb-experts .cp-expert { flex: 0 1 calc((100% - 3 * 44px) / 4 - 0.5px); min-width: 0; }   /* -0.5px: sub-pixel sums never wrap the 4th card */
/* team photos are mostly portrait headshots: keep faces in the landscape crop */
.cb-experts .cp-expert img { object-position: 50% 25%; }
/* head to cards: always 44px, whichever head line comes last (it rode on the intro's margin,
   so without an intro the cards closed up to 18px) */
.cb-experts .cp-head { margin-bottom: 44px; }
.cb-experts .cp-head > :last-child { margin-bottom: 0; }
/* a name / role line another card has, held open so the photos stay level along the row */
.cb-experts .cb-e-gap { min-height: 24px; min-height: 1lh; }

/* "Text talking about the advisor" (rich text) */
.cb-ebio { font-size: 15px; line-height: 23px; color: var(--ink-soft); overflow-wrap: anywhere; }
.cb-ebio > * + * { margin-top: 10px; }
.cb-ebio ul, .cb-ebio ol { padding-left: 1.2em; }
.cb-ebio a { text-decoration: underline; text-underline-offset: 2px; }
.cb-ebio strong { color: var(--ink); }
.cb-ebio + .cp-emeta { margin-top: 18px; }

/* Background option. Sand and light blue need nothing (the cards have no fill of their own);
   navy takes the enquiry band's colours: its pale-blue title (mixed from the tokens), white
   text. */
.cb-experts.cb-dark .serif-title { color: #c9d6e2; color: color-mix(in srgb, var(--water) 84%, var(--navy)); }
.cb-experts.cb-dark .cp-sub,
.cb-experts.cb-dark .cp-ename,
.cb-experts.cb-dark .cp-emeta .k,
.cb-experts.cb-dark .cp-emeta .v,
.cb-experts.cb-dark .cb-ebio strong,
.cb-experts.cb-dark .cb-ebio a { color: var(--white); }
.cb-experts.cb-dark .cp-intro,
.cb-experts.cb-dark .cp-eyears { color: rgba(255, 255, 255, .88); }
.cb-experts.cb-dark .cb-ebio { color: rgba(255, 255, 255, .92); }

@media (max-width: 900px) {
  .cb-experts .cp-expert { flex-basis: calc((100% - 32px) / 2 - 0.5px); }
}
@media (max-width: 560px) {
  .cb-experts .cp-expert { flex-basis: 100%; }
  .cb-experts .cb-e-gap { display: none; }   /* one card per row: nothing to line up with */
}