/* Keep heading titles clear; the clinician motif belongs to the pink eyebrow label. */
main .outline-section h2 {
  position: relative;
  isolation: isolate;
  z-index: 0;
  padding-top: 0 !important;
}

/* Doubled class keeps this reset stronger than legacy page-specific motif rules. */
body main .outline-section.outline-section h2::before {
  display: none !important;
}

/*
 * Shared clinician-and-eyebrow lockup.
 * The pseudo-element and its pink label use the same 50% / 50% anchor, so
 * every standard section keeps the exact placement approved in the mockup.
 */
body main .outline-section :is(.outline-kicker, .eyebrow) {
  position: relative;
  isolation: isolate;
  z-index: 0;
  display: inline-block;
  overflow: visible;
}

body main .outline-section :is(.outline-kicker, .eyebrow)::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: -1;
  width: 112px;
  height: 132px;
  transform: translate(-50%, -50%);
  background: #dce7ee;
  opacity: .72;
  mask: url('assets/section-doctor.png') center / contain no-repeat;
  -webkit-mask: url('assets/section-doctor.png') center / contain no-repeat;
  pointer-events: none;
}

/* FAQ titles are centered, so their eyebrow-and-icon lockup is centered too. */
body main .itp-faq-section .outline-kicker {
  display: table;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Remove older standalone placements so each section has one consistent icon. */
.certificates-home::before,
.testimonials-home::before,
.insurance-home::before,
.blog-preview::before,
.about-gallery-section .about-section-heading > div:first-child::before {
  display: none !important;
}

@media (max-width: 700px) {
  main .outline-section h2 {
    padding-top: 0 !important;
  }

  body main .outline-section :is(.outline-kicker, .eyebrow)::before {
    width: 88px;
    height: 104px;
    opacity: .64;
  }

}