/* Themes and developmental care: compact spacing within the existing page design. */
body.cohesive-site.family-care .family-hero,
body.cohesive-site.family-care .family-section {
  padding-block: clamp(32px, 3.8vw, 48px);
}

body.cohesive-site.family-care h1 { margin-bottom: 18px; }
body.cohesive-site.family-care h2 { margin-bottom: 16px; }
body.cohesive-site.family-care h3 { margin-bottom: 10px; }
body.cohesive-site.family-care .family-kicker { margin-bottom: 12px; }
body.cohesive-site.family-care .family-actions { margin-top: 20px; gap: 10px 18px; }

body.cohesive-site.family-care .family-care-hero {
  grid-template-columns: minmax(0, 1fr) 260px;
  gap: 32px;
}
body.cohesive-site.family-care .family-care-hero .family-book {
  width: 100%;
  padding: 20px;
}
body.cohesive-site.family-care .family-book figcaption { margin-top: 12px; }
body.cohesive-site.family-care .family-route-nav .family-wrap { padding-block: 6px; }

/* Keep the heading and its introduction together; the general h2 margin otherwise wins. */
body.cohesive-site.family-care .family-section-heading { margin-bottom: 12px; }
body.cohesive-site.family-care .family-section-heading h2 { margin-bottom: 0; }
body.cohesive-site.family-care .family-section-heading + p { margin-bottom: 20px; }

body.cohesive-site.family-care .family-disclosures summary {
  padding: 16px 36px 16px 0;
  min-height: 58px;
  margin: 0;
}
/* Reset the inherited open-answer margin rather than stacking it with the summary padding. */
body.cohesive-site.family-care .family-disclosures details[open] > summary {
  margin-bottom: 0;
  padding-bottom: 12px;
}
body.cohesive-site.family-care .family-disclosures summary::after { top: 16px; }
body.cohesive-site.family-care .family-theme-body { gap: 24px; padding-bottom: 20px; }
body.cohesive-site.family-care .family-theme-body h3 { margin-bottom: 8px; }
body.cohesive-site.family-care .family-theme-body p { margin-bottom: 0; }
body.cohesive-site.family-care .family-disclosures details > p {
  padding: 0 24px 18px 0;
  margin: 0;
}
body.cohesive-site.family-care .family-review-note { margin-top: 24px; padding: 20px 24px; }

body.cohesive-site.family-care .family-three { gap: 24px; }
body.cohesive-site.family-care .family-three > article { padding-top: 16px; }
body.cohesive-site.family-care .family-three .family-label { margin-bottom: 8px; }
body.cohesive-site.family-care #method .family-small { margin-top: 20px !important; margin-bottom: 0; }

body.cohesive-site.family-care .family-split,
body.cohesive-site.family-care .family-faq-layout { gap: 32px; }
body.cohesive-site.family-care .family-principle { padding: 24px; }
body.cohesive-site.family-care .family-principle blockquote { margin-bottom: 14px; }
/* These two sections share one background; retain one section gap instead of two. */
body.cohesive-site.family-care .family-section.family-soft + .family-section.family-soft { padding-top: 0; }

body.cohesive-site.family-care .family-cta .family-wrap { gap: 24px; }
body.cohesive-site.family-care .family-cta h2 { margin-bottom: 12px; }
body.cohesive-site.family-care .family-cta .family-actions { margin-top: 0; }
body.cohesive-site.family-care .family-next { margin: 20px auto 28px; padding: 20px 0; }
body.cohesive-site.family-care .family-next > p { margin-bottom: 8px; }

@media (max-width: 760px) {
  body.cohesive-site.family-care .family-care-hero,
  body.cohesive-site.family-care .family-split,
  body.cohesive-site.family-care .family-faq-layout { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  body.cohesive-site.family-care .family-care-hero .family-book {
    display: grid;
    grid-template-columns: 88px minmax(0, 1fr);
    gap: 16px;
    align-items: center;
    width: 100%;
    padding: 18px;
  }
  body.cohesive-site.family-care .family-care-hero .family-book img { width: 100%; max-width: 88px; height: auto; }
  body.cohesive-site.family-care .family-care-hero .family-book figcaption { margin: 0; text-align: left; }
  body.cohesive-site.family-care .family-theme-body { gap: 16px; padding-bottom: 18px; }
  body.cohesive-site.family-care .family-three { gap: 24px; }
  body.cohesive-site.family-care .family-principle,
  body.cohesive-site.family-care .family-review-note { padding: 20px; }
  body.cohesive-site.family-care .family-faq-layout > div:first-child h2 { margin-bottom: 0; }
  body.cohesive-site.family-care .family-disclosures details > p { padding-right: 0; }
}