/* One "AI" section (Hamid 2026-11-03): Catch me up, Next step and Case facts in one card, a thin line between them.
   The boxes inside lose their own border, shadow and outer margin. */
.ai-section { max-width: 1152px; margin: var(--sp-5) 0 var(--sp-5); border: 1px solid #ddd5ff; border-radius: var(--r-md); background: var(--bg-surface);
  box-shadow: var(--shadow-raised, 0 1px 2px rgba(0,0,0,.04)); min-width: 0; overflow: hidden; }
.ai-section-head { display: flex; align-items: center; gap: var(--sp-2); padding: var(--sp-3) var(--sp-5) 0;
  font-size: var(--fs-xs); font-weight: var(--fw-semibold); letter-spacing: 0.06em; text-transform: uppercase; color: var(--text-2); }
.ai-section-part { min-width: 0; }
.ai-section-part:empty { display: none; }
.ai-section-part + .ai-section-part:not(:empty) { border-top: 1px solid var(--border); }
.ai-section .cu-card, .ai-section .ai-ready, .ai-section .cf-card {
  margin: 0; border: 0; border-radius: 0; box-shadow: none; background: transparent; }
.ai-section .ai-section-part { max-width: none; margin: 0; }

/* LAUNCH-TEST r1 #2: the AI's rating of the lead, in words (phones have no hover). */
.lead-ai-rating { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.lead-ai-rating-head { font-weight: var(--fw-medium, 500); }
.lead-ai-rating-why { font-size: var(--fs-sm); color: var(--text-2); overflow-wrap: anywhere; }
.lead-ai-rating[hidden] { display: none; }    /* LAUNCH-TEST r2 #16: kept in place, repainted when a run lands */