/* bioactive-production — page-specific overrides.
   Left-align the section heads so this page matches the left-aligned
   antifungal-peptides page. The shared .hp-section-head class centers
   (homepage style); these overrides only load on this page, so the
   homepage is unaffected. Uses !important to beat the centered rules in
   index.css and the centered ::after bar in components.css. */

.hp-section-head {
  text-align: left !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  max-width: 760px;
}
.hp-section-head .section-eyebrow {
  text-align: left !important;
  justify-content: flex-start !important;
}
.hp-section-head .section-heading {
  text-align: left !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  max-width: 760px !important;
}
.hp-section-head .section-heading::after {
  margin-left: 0 !important;
  margin-right: auto !important;
}
.hp-section-head .inner-body {
  text-align: left !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* intro prose block: left-align (was centered via margin auto) */
.inner-prose { margin-left: 0 !important; }

/* checklist ticks: vertically center the bullet with its text line
   (was pinned to top:2px so it sat high on single-line items).
   rd-caps lists use svg icons and disable these, so they're unaffected. */
.inner-checklist li::before {
  top: 50%;
  transform: translateY(-50%);
}
.inner-checklist li::after {
  top: 50%;
  transform: translateY(-50%) rotate(-45deg);
  margin-top: -1px;
}

/* Impact Snapshot head (dark band) — left */
.hp-impact .hp-section-head .section-heading {
  text-align: left !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}