/* EvidentWorks v2.8.5: canonical section-spacing and blue-surface text system.
   Legacy important-color conflicts were removed from site-conformity-v24.css,
   while section-headline-standard-v26.css excludes blue-card descendants.
   Preserve hero layouts, the compact purpose banner, all CTA button rules,
   and the existing card-accent and carousel treatments. */
:root {
  --ew-section-space: 78px;
  --ew-section-head-space: 40px;
  --ew-bright-teal: #00BAAD;
  --ew-arrow-orange: #F35F2A;
}

/* Consistent vertical cadence across the six approved pages. */
body main > section:not(.hero):not(.services-hero):not(.product-hero):not(.validation-hero):not(.purpose) {
  padding-top: var(--ew-section-space);
  padding-bottom: var(--ew-section-space);
}
body main > section:not(.hero):not(.services-hero):not(.product-hero):not(.validation-hero):not(.purpose) .section-head {
  margin-bottom: var(--ew-section-head-space);
}
body.site-home main > section.audiences .audience-title {
  margin-bottom: var(--ew-section-head-space);
}

/* One authoritative text rule for existing dark-blue surfaces on all pages.
   Headings are exactly #00BAAD. All other lettering is white. Decorative
   arrows remain #F35F2A. CTA buttons retain their own independent system. */
:is(
  .standard-panel,
  .site-home .audience-card.orgs,
  .site-beacon .suite-explain,
  .site-beacon .research,
  .site-scientific-validation .partnership,
  .site-biome .system-overview,
  .site-forward-vector .system-overview
) :is(h1,h2,h3,h4,h5,h6),
:is(
  .standard-panel,
  .site-home .audience-card.orgs,
  .site-beacon .suite-explain,
  .site-beacon .research,
  .site-scientific-validation .partnership,
  .site-biome .system-overview,
  .site-forward-vector .system-overview
) :is(h1,h2,h3,h4,h5,h6) :is(span,strong,a) {
  color: var(--ew-bright-teal) !important;
}

:is(
  .standard-panel,
  .site-home .audience-card.orgs,
  .site-beacon .suite-explain,
  .site-beacon .research,
  .site-scientific-validation .partnership,
  .site-biome .system-overview,
  .site-forward-vector .system-overview
) :is(p,li,small,.small,.eyebrow,.feature-tag,.audience-kicker,.partner-kicker,.system-fact,.system-fact strong,.system-fact span,.metric strong,.standard-line,.standard-line strong,.role-card ul,.flow-step),
:is(
  .standard-panel,
  .site-home .audience-card.orgs,
  .site-beacon .suite-explain,
  .site-beacon .research,
  .site-scientific-validation .partnership,
  .site-biome .system-overview,
  .site-forward-vector .system-overview
) :is(p,li,small,.small,.eyebrow,.feature-tag,.audience-kicker,.partner-kicker,.system-fact,.standard-line) :is(span,strong,small,a),
.site-beacon .research .research-link,
.site-scientific-validation .partnership .decision-flow .flow-step {
  color: #fff !important;
}

/* The blue photo-caption bands are also blue text surfaces. The Biome/FVG
   captions become light cards on very small screens, handled separately. */
:is(.site-biome,.site-forward-vector) .story-media-caption,
:is(.site-biome,.site-forward-vector) .story-media-caption span {
  color: #fff !important;
}
:is(.site-biome,.site-forward-vector) .story-media-caption strong {
  color: var(--ew-bright-teal) !important;
}
@media (min-width: 561px) {
  :is(.site-biome,.site-forward-vector) .environment-caption,
  :is(.site-biome,.site-forward-vector) .environment-caption span {
    color: #fff !important;
  }
  :is(.site-biome,.site-forward-vector) .environment-caption strong {
    color: var(--ew-bright-teal) !important;
  }
}

/* Footer panels share the same navy field, but their navigation must remain
   legible and preserve the existing dropdown and button behavior. */
body footer :is(h1,h2,h3,h4,h5,h6) { color: var(--ew-bright-teal) !important; }
body footer :is(.footer-tagline,.footer-links a,.footer-links summary,.footer-bottom,.footer-bottom a,.footer-solutions-menu a) {
  color: #fff !important;
}

/* Text-link arrows only. CTA button backgrounds and type are not altered. */
body a:not(.button) :is(.arrow,.cta-arrow,.ew-inline-arrow),
body a:not(.button) > .ew-inline-arrow,
.site-beacon .research a.research-link > .arrow,
.site-scientific-validation .partnership .flow-step:not(:last-child)::after {
  color: var(--ew-arrow-orange) !important;
}

/* Four corresponding, clickable partner marks in Our Work in Focus. */
.site-home #initiatives .initiative-card-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  min-height: 54px;
  margin-bottom: 13px;
}
.site-home #initiatives .initiative-card-header .initiative-category {
  flex: 1 1 auto;
  min-width: 0;
  margin-bottom: 0;
  overflow-wrap: break-word;
}
.site-home #initiatives .initiative-logo-link {
  width: 100px;
  height: 50px;
  flex: 0 0 100px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  text-decoration: none;
}
.site-home #initiatives .initiative-logo-link img {
  display: block;
  max-width: 100%;
  max-height: 48px;
  width: auto;
  height: auto;
  object-fit: contain;
}
.site-home #initiatives .initiative-logo-link.fvg-mark img { max-height: 53px; }
.site-home #initiatives .initiative-logo-link:focus-visible {
  outline: 3px solid #007A72;
  outline-offset: 3px;
  border-radius: 4px;
}

@media (max-width: 760px) {
  :root { --ew-section-space: 54px; --ew-section-head-space: 30px; }
  .site-home #initiatives .initiative-logo-link {
    width: 82px;
    flex-basis: 82px;
    height: 44px;
  }
  .site-home #initiatives .initiative-logo-link img { max-height: 43px; }
  .site-home #initiatives .initiative-logo-link.fvg-mark img { max-height: 45px; }
}
@media (max-width: 520px) {
  :root { --ew-section-space: 50px; }
  .site-home #initiatives .initiative-card-header { gap: 9px; }
}

/* EvidentWorks v3.2.2: two shared levels of section typography.
   This intentionally excludes hero headlines, nested card titles,
   research/article body headings, and smaller supporting kickers. */
body :is(.eyebrow, .journal-kicker, .journal-overline, .insights-eyebrow) {
  font-family: Montserrat, Arial, sans-serif !important;
  font-size: .73rem !important;
  font-weight: 800 !important;
  letter-spacing: .13em !important;
  line-height: 1.6 !important;
  text-transform: uppercase !important;
  margin-bottom: 14px !important;
}
body :is(.eyebrow, .journal-kicker, .journal-overline, .insights-eyebrow) {
  gap: 11px !important;
}
body :is(.eyebrow, .insights-eyebrow)::before,
body :is(.journal-kicker, .journal-overline) .journal-kicker-mark {
  width: 28px !important;
  height: 2px !important;
  flex: 0 0 28px !important;
  background: linear-gradient(90deg, #F35F2A, #00BAAD) !important;
}
body main section :is(.eyebrow, .journal-overline, .insights-eyebrow) + h2 {
  font-family: Montserrat, Arial, sans-serif !important;
  font-size: clamp(2rem, 5vw, 3.15rem) !important;
  font-weight: 700 !important;
  letter-spacing: -.038em !important;
  line-height: 1.13 !important;
}
