/* ════════════════════════════════════════════════════════════
   BROKERAGES PAGE  ·  extends platform.css
   External file by CSP requirement: no inline styles anywhere.
   Radii: var(--r) only, with one permitted exception noted below.
   ════════════════════════════════════════════════════════════ */

/* ── Hero ──────────────────────────────────────────────── */
.hero-brk{ padding-block:var(--s-20) var(--s-24); }
.hero-brk .lede{ margin-top:var(--s-5); max-width:62ch; }

/* ── Command center stack ──────────────────────────────── */
.cmd-stack{ display:grid; gap:var(--s-10); }

/* Exception rows: statement plus status chip on one line */
.attn-body{ display:flex; flex-wrap:wrap; align-items:flex-start;
  justify-content:space-between; gap:var(--s-2) var(--s-4); }
.attn-body p{ flex:1 1 32ch; }
.attn-body .chip{ margin-top:2px; }

/* ── Roles table ───────────────────────────────────────── */
.roles-dt th[scope="row"]{ min-width:14ch; }
.roles-note{ margin-top:var(--s-5); max-width:66ch; }

/* ── Founders ──────────────────────────────────────────── */
.founders{ display:grid; grid-template-columns:repeat(2, minmax(0,1fr));
  gap:var(--s-10); }
.founder{ display:grid; grid-template-columns:88px minmax(0,1fr);
  gap:var(--s-5); align-items:start; }

/* Circular headshot placeholder. border-radius:50% here is the one
   permitted exception to the var(--r) radius rule, per the build
   contract, because headshots are circular crops. */
.avatar{ width:88px; height:88px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  background:var(--accent-wash); border:1px solid var(--accent-line);
  font-size:var(--fs-4); font-weight:700; letter-spacing:.02em;
  color:var(--accent-dark); }

.founder h3{ line-height:1.2; }
.founder .note{ margin-top:2px; }
.founder p + p{ margin-top:var(--s-3); }
.founder div p:last-child{ font-size:var(--fs-2); color:var(--ink-2); line-height:1.55; }
.founders-close{ margin-top:var(--s-10); }

/* ── Final CTA ─────────────────────────────────────────── */
.cta-actions{ margin-top:0; }

/* ── Responsive ────────────────────────────────────────── */
@media (max-width:760px){
  .founders{ grid-template-columns:1fr; gap:var(--s-8); }
}