/* ============================================================
   cf-probleem.css — blok 4 van /chatfunctie-op-je-website/.
   Bouwt op widgets/shared/bconnect-cf.css (handle `bconnect-cf`).
   Bron: upgrade-chatfunctie.css, "4 — PROBLEEM".

   `.cf-split`, `.cf-figure-col` en `.cf-figure` staan in de gedeelde
   stylesheet: vier cf-widgets gebruiken ze. Hier alleen de kruisjeslijst
   en de nulmarge op de intro.
   ============================================================ */

.cf-crosslist { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 14px; }
.cf-crosslist li { display: flex; gap: 14px; align-items: flex-start; font-size: 15.5px; line-height: 1.55; color: var(--c-navy); padding: 16px 18px; background: #fff; border: 1px solid rgba(20, 20, 100, .08); border-radius: 14px; box-shadow: 0 4px 14px rgba(20, 20, 100, .04); }

/* De intro staat als eerste in de kolom en heeft de bovenmarge van
   .cf-intro niet nodig; in de bron staat dat als inline style. */
.cf-probleem-intro { margin-top: 0; }

/* De kruisjeslijst volgt op de intro; in de bron staat die afstand als
   inline marginTop op het <ul>. */
.cf-probleem-intro + .cf-crosslist { margin-top: 26px; }