/* ============================================================
   55-cond-causes — plain-language cause explainer, white section.
   Scoped under .sec-55-cond-causes.
   ============================================================ */

.sec-55-cond-causes {
  background: var(--white);
}

/* Stacked: centered photo on top, copy full content width below.
   The photo keeps its natural proportions (no fixed height, no forced
   aspect ratio, no crop) and shrinks responsively under ~700px. */
.sec-55-cond-causes__split {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4vw, 3rem);
}

.sec-55-cond-causes__copy p {
  color: var(--text-on-bone-dim);
  margin-bottom: 1.1rem;
}
.sec-55-cond-causes__copy p:last-child {
  margin-bottom: 0;
}

.sec-55-cond-causes__media {
  order: -1;
  align-self: center;
  width: min(700px, 100%);
}

.sec-55-cond-causes__media img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lift);
}