/* EvidentWorks v2.8.1: one dark-teal line fading to the right on every content card.
   Reference: EvidentWorks' established dark teal #007A72. The accent belongs to
   individual card surfaces, not grids, rails, photographic fields or sections.
   Keep existing content, colors, imagery, spacing and interactions intact. */
:root {
  --ew-card-top-accent: linear-gradient(90deg,
    rgba(0,122,114,.90) 0%,
    rgba(0,122,114,.36) 55%,
    rgba(0,122,114,0) 100%);
}

/* Every editorial/service/deliverable card, including all eight scroll rails.
   Nested signals belong to their individual parent card, not to signal-grid. */
body[class] main :is(
  .hero-note,
  .standard-panel,
  .capability-card,
  .initiative-card,
  .services-detail-card,
  .science-panel,
  .signal-grid > .signal,
  .principle-card,
  .who-card,
  .factor-cloud > .factor,
  .eqi-note,
  .outcome-list > span,
  .role-card,
  .multi-card,
  .map-card,
  .use-card,
  .method-card,
  .scope-card,
  .deliverable-card,
  .research-card,
  .engagement-stakeholders,
  .benefit-card,
  .situation-card,
  .deliverable-item,
  .contact-prompt,
  .product-card,
  .system-overview,
  .fit-card,
  .contact-form-wrap,
  .flow-step,
  .audience-card
) {
  position: relative;
}

/* Audience cards already use ::before for photographic backgrounds. */
body[class] main :is(
  .hero-note,
  .standard-panel,
  .capability-card,
  .initiative-card,
  .services-detail-card,
  .science-panel,
  .signal-grid > .signal,
  .principle-card,
  .who-card,
  .factor-cloud > .factor,
  .eqi-note,
  .outcome-list > span,
  .role-card,
  .multi-card,
  .map-card,
  .use-card,
  .method-card,
  .scope-card,
  .deliverable-card,
  .research-card,
  .engagement-stakeholders,
  .benefit-card,
  .situation-card,
  .deliverable-item,
  .contact-prompt,
  .product-card,
  .system-overview,
  .fit-card,
  .contact-form-wrap,
  .flow-step
)::before,
body.site-home main .audience-card::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  bottom: auto !important;
  left: 12px !important;
  right: 12px !important;
  width: auto !important;
  height: 3px !important;
  background: var(--ew-card-top-accent) !important;
  border: 0 !important;
  border-radius: 0 0 3px 3px !important;
  pointer-events: none !important;
  z-index: 2 !important;
  transform: none !important;
}

/* An older Scientific Validation rule drew a second line via ::after. */
body.site-scientific-validation main .outcomes .outcome-list > span::after {
  content: none !important;
}