/* ==========================================================================
   pages/approach.css
   Approach page: replaces inline styles and keeps markup clean.
   ========================================================================== */

.page-approach .section-text--approach-hero h1,
.page-approach .section-text--approach-hero p {
  text-align: center;
}

/* Separator (your markup uses <hr class="section-separator">) */
.page-approach .section-separator {
  border: 0;
  border-bottom: 1px solid currentColor;
  margin: 70px 0;
  opacity: 0.6;
}

/* Replace old inline figure sizing */
.page-approach .tg-approach-figure {
  max-width: 292px; /* matches original feel */
  margin: 0;
}

.page-approach .tg-approach-figure img {
  display: block;
  width: 100%;
  height: auto;
}

/* White paper image wrapper */
.page-approach .tg-approach-whitepaper-figure {
  max-width: 556px;
  margin: 0;
}

.page-approach .tg-approach-whitepaper-figure img {
  display: block;
  width: 100%;
  height: auto;
}

/* WHAT’S HAPPENING list (replaces <span style="font-weight:400">– ...</span>) */
.page-approach .tg-approach-list {
  list-style: none;
  padding-left: 0;
  margin: 0 0 28px 0;
}

.page-approach .tg-approach-list li {
  position: relative;
  padding-left: 18px;
  margin-bottom: 6px;
}

.page-approach .tg-approach-list li::before {
  content: "–";
  position: absolute;
  left: 0;
  top: 0;
}