/* Our own overrides on top of Webflow's CSS (public/wf/ is re-imported verbatim, so fixes live here).
   Loaded after Webflow's stylesheet, so equal-specificity rules win. */

/* Phones: Webflow grows the space above the hero as the screen shrinks (main-wrapper padding +
   section-header margin + padding), leaving ~170px of blank under the fixed nav. main-wrapper's
   padding already clears the nav, so the hero only needs a small gap. */
@media screen and (max-width: 767px) {
  .section-header { margin-top: 0; padding-top: 1.5rem; }
}

/* Clinical Focus → "No Clear Diagnosis": Webflow's .checklist-item is display:none site-wide, so
   this section's four bullets never showed (on Webflow either) and the copy ended at "These cases
   may involve:". Unhide only these four — the other .checklist-items on the page are stale
   duplicates (some carry the cancer-care bullets under Digestive/Stress) and must stay hidden. */
.engagement_content.is-clinical-focus-2 .checklist-item { display: flex; }