/* ============================================================
   94-conditions: small add-ons for the Propel condition pages
   (back, neck, headaches, shoulder, elbow/wrist/hand, hip/knee)
   and the what-we-treat grid. Every selector is scoped under a
   sec-94-* root class that sits beside the pattern's own class.
   ============================================================ */

/* Causes: bulleted cause list with bold lead-ins, portrait photo */
.sec-94-cond-causes .sec-55-cond-causes__split {
  align-items: start;
}
.sec-94-cond-causes .sec-94-cond-causes__list {
  list-style: none;
  margin: 0 0 1.1rem;
  padding: 0;
  display: grid;
  gap: 0.8rem;
  max-width: 56ch;
}
.sec-94-cond-causes .sec-94-cond-causes__list li {
  position: relative;
  padding-left: 1.25rem;
  color: var(--text-on-bone-dim);
  line-height: 1.6;
}
.sec-94-cond-causes .sec-94-cond-causes__list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.62em;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--accent);
}
.sec-94-cond-causes .sec-94-cond-causes__list strong,
.sec-94-cond-causes .beat {
  color: var(--text-on-bone);
}
.sec-94-cond-causes .sec-55-cond-causes__media img {
  aspect-ratio: 5 / 6;
  object-fit: cover;
}
@media (min-width: 860px) {
  .sec-94-cond-causes .sec-55-cond-causes__media {
    position: sticky;
    top: 6.5rem;
  }
}

/* Related services: four cards sit 2 x 2, then 4 across on wide screens */
@media (min-width: 781px) {
  .sec-94-cond-related .sec-55-cond-related__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1180px) {
  .sec-94-cond-related .sec-55-cond-related__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

/* What-we-treat grid: quote + meaning stacked, link pinned to the card foot */
.sec-94-wwt-grid .sec-50-wwt-grid__card {
  display: flex;
  flex-direction: column;
}
.sec-94-wwt-grid .sec-94-wwt-grid__quote {
  color: var(--text-on-bone);
  font-style: italic;
  margin-bottom: 0.6rem;
}
.sec-94-wwt-grid .sec-50-wwt-grid__link {
  margin-top: auto;
  padding-top: 1rem;
}

/* What-we-treat "not sure" band: spacing between its paragraphs */
.sec-94-wwt-notsure .sec-50-wwt-notsure__copy p + p {
  margin-top: 0.8rem;
}