/*
 * Opt-in only: body classes are added after a real, published native-page config
 * entry is supplied.  Main artwork rules are intentionally not overridden here.
 */
body.dhip-main-health-page .dhl-approved-expandable-articles,
body.dhip-main-health-page .dhr-page > section[id^="what-is-"] {
  display: none !important;
}

/* Existing text is grouped above the existing figure; the figure itself receives
 * no width, margin, position, crop, or object-fit override in this module. */
body.dhip-main-health-page .dhip-heading-row {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  min-height: 92px;
  margin: 0 0 20px;
  padding: 0;
  text-align: center;
}

body.dhip-main-health-page .dhip-heading-row > .dhr-kicker,
body.dhip-main-health-page .dhip-heading-row > h1 {
  font-family: "DHS Courgette", Georgia, serif !important;
  font-style: normal !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  text-align: center;
}

body.dhip-main-health-page .dhip-heading-row > .dhr-kicker {
  margin: 0 auto 5px;
  color: #657253;
  text-transform: none;
}

body.dhip-main-health-page .dhip-heading-row > h1 {
  display: block;
  max-width: calc(100% - 360px);
  margin: 0 auto;
  color: #3d4938;
}

/* Uses the established recipe-tab palette, without a disclosure-plus affordance. */
body.dhip-main-health-page .dhip-introduction-button {
  position: absolute;
  left: 0;
  bottom: 0;
  display: inline-block !important;
  box-sizing: border-box;
  min-width: 178px;
  padding: 11px 13px;
  border: 1px solid #a7b397;
  border-radius: 4px;
  background: #eef1e5;
  color: #36492d !important;
  font: 600 14px/1.4 Georgia, "Times New Roman", serif;
  text-align: left;
  text-decoration: none;
}

body.dhip-main-health-page .dhip-introduction-button:hover {
  border-color: #70845c;
  background: #e0e8d3;
}

body.dhip-main-health-page .dhip-introduction-button:focus-visible {
  outline: 3px solid #637b47;
  outline-offset: 2px;
}

body.dhip-main-health-page .dhip-introduction-button > span {
  display: block;
}

/* The source copy is all that appears on each manually created native page. */
body.dhip-native-introduction-page .dhip-introduction-native-page {
  width: 92%;
  max-width: 1140px;
  margin: 0 auto;
  padding: 48px 0;
  color: #343831;
}

body.dhip-native-introduction-page .dhip-introduction-source-copy > div {
  line-height: 1.75;
}

body.dhip-native-introduction-page .dhip-introduction-source-copy p {
  margin: 0 0 18px;
  overflow-wrap: anywhere;
}

@media (max-width: 620px) {
  body.dhip-main-health-page .dhip-heading-row {
    min-height: 0;
    margin-bottom: 20px;
  }

  body.dhip-main-health-page .dhip-heading-row > h1 {
    max-width: 100%;
  }

  /* Narrow views put the link after, never over, the centered existing heading. */
  body.dhip-main-health-page .dhip-introduction-button {
    position: static;
    min-width: 0;
    margin: 12px auto 0;
    text-align: center;
  }

  body.dhip-native-introduction-page .dhip-introduction-native-page {
    width: 90%;
    padding: 30px 0;
  }
}

/* Independent title-only approval; original introduction sections stay visible until routed. */
body.dhip-main-heading-only .dhr-page > h1{font-family:"DHS Courgette",Georgia,serif!important;font-weight:400!important;text-align:center;margin-left:auto;margin-right:auto}