/* Wave-3 solution pages — insurance.html, body-corporates.html,
   government-tenders.html, accounting-tax.html.

   Additive only: loaded AFTER solutions.css and never edits it. Everything
   here is prefixed .sw3- so it can't collide with existing rules. Tokens
   only — no raw hex. Colour pairings reuse combinations already established
   sitewide: blue-700 on blue-50 (chip--blue), success-700 on success-50
   (chip--success), ink-700/ink-900 body text on white. */

/* ---- 3-column plain-text intro row (no cards, no borders) ---- */
.sw3-intro{
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: var(--space-8);
}
.sw3-intro h2, .sw3-intro h3{ font-size: var(--text-h4); }
.sw3-intro p{
  margin-top: var(--space-2);
  font-size: var(--text-small);
  color: var(--text-secondary);
}
@media (max-width: 860px){
  .sw3-intro{ grid-template-columns: minmax(0,1fr); gap: var(--space-6); }
}

/* ---- Sequential-signer rows — the "many signers, in order" visual used
   inside doc-windows and cards (trustee resolutions, bulk engagement runs).
   A compact cousin of .step__num at list scale. ---- */
.sw3-signers{
  display: flex; flex-direction: column; gap: 10px;
  margin-top: 16px;
}
.sw3-signer{
  display: flex; align-items: center; gap: 10px;
  font-size: var(--text-micro); color: var(--ink-700);
}
.sw3-signer__num{
  width: 22px; height: 22px; flex-shrink: 0; border-radius: 50%;
  background: var(--blue-50); color: var(--blue-700);
  font-weight: 700; font-size: 11px;
  display: flex; align-items: center; justify-content: center;
}
.sw3-signer--done .sw3-signer__num{ background: var(--success-50); color: var(--success-700); }
.sw3-signer__name{ font-weight: 600; color: var(--ink-900); }
.sw3-signer .chip{ margin-left: auto; }