/* ==========================================================================
   Solutions — wave 2 (solutions/client-onboarding.html, nda-commercial.html,
   loans-credit.html, legal-practices.html).

   Additive only: loaded AFTER solutions.css, every class .sw2- prefixed,
   solutions.css itself untouched. Colour pairings reuse combinations already
   established sitewide (blue-600 on white, ink-700 on white, warning-700 as
   the AA-safe warning text tone) — no new pairings, tokens only.
   ========================================================================== */

/* ---- Plain-text 3-up intro row — the DocuSign solution-page pattern:
   no cards, just a rule above each column of small h3 + short paragraph. ---- */
.sw2-intro{ display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: var(--space-7); }
.sw2-intro__item{ border-top: 2px solid var(--blue-600); padding-top: var(--space-5); }
.sw2-intro__item h2, .sw2-intro__item h3{ font-size: var(--text-h4); }
.sw2-intro__item p{ margin-top: var(--space-2); font-size: var(--text-small); color: var(--text-secondary); }
@media (max-width: 860px){
  .sw2-intro{ grid-template-columns: minmax(0,1fr); gap: var(--space-6); }
}

/* ---- Label/value rows — used inside .feature-card visuals for pack
   contents, identity-tier pricing, seal checks and registry states.
   Left: label + optional meta line. Right: a chip or a price. ---- */
.sw2-rows{ display: flex; flex-direction: column; }
.sw2-row{ display: flex; align-items: center; justify-content: space-between; gap: var(--space-4); padding-block: var(--space-3); }
.sw2-row + .sw2-row{ border-top: var(--border-hairline); }
.sw2-row__label{ font-size: var(--text-small); font-weight: 600; color: var(--ink-900); min-width: 0; }
.sw2-row__meta{ display: block; font-size: var(--text-micro); font-weight: 400; color: var(--text-tertiary); margin-top: 1px; }
.sw2-row__price{ font-family: var(--font-display); font-weight: 700; font-size: var(--text-body); color: var(--blue-600); white-space: nowrap; flex-shrink: 0; }

/* ---- Wet-ink exclusion list (legal-practices.html) — the .uc-checklist
   anatomy with warning-toned icons instead of success ticks, for the
   ECT Act Schedule 2 items that still require paper. ---- */
.uc-checklist.sw2-inklist svg{ color: var(--warning-700); }

/* Suretyships: the statutory-signature warning has to be readable without
   expanding an accordion — it changes how the document should be executed. */
.sur-warn{
  max-width: 660px; margin: var(--space-6) auto 0;
  padding: var(--space-5); text-align: left;
  background: var(--warning-50); border: 1px solid var(--warning-500);
  border-radius: var(--radius-md);
}
.sur-warn__t{
  font-family: var(--font-display); font-weight: 700;
  font-size: var(--text-body); color: var(--warning-700); line-height: 1.3;
}
.sur-warn__d{
  margin-top: var(--space-3); font-size: var(--text-small);
  line-height: 1.65; color: var(--ink-900);
}
.sur-warn__d a{ color: var(--blue-700); text-decoration: underline; text-underline-offset: 2px; }