/* =========================================================
   FORESIGHT HEALTH ASSESSMENT
   Provisional warm-bronze tier accent and Foresight-only
   staged-pathway components. Shared assessment CSS remains
   unchanged.
   ========================================================= */

.em-assessment-page.em-assessment-foresight {
  --em-green: #b18a55;
  --em-green-dark: #7b5d35;
}

.em-assessment-foresight .em-assessment-hero {
  background:
    radial-gradient(circle at 82% 18%, rgba(177, 138, 85, 0.22), transparent 34%),
    linear-gradient(135deg, #1f2f39 0%, #303f46 62%, #62523f 100%);
}

.em-assessment-foresight .em-assessment-eyebrow {
  color: #eadbc5;
}

.em-assessment-foresight .em-assessment-lifestyle-image {
  max-width: 1180px;
  margin: 38px auto 0;
  overflow: hidden;
  background: #ebe7df;
  border: 1px solid var(--em-line);
}

.em-assessment-foresight .em-assessment-lifestyle-image img {
  display: block;
  width: 100%;
  height: clamp(270px, 31vw, 430px);
  object-fit: cover;
  object-position: center 38%;
}

.em-assessment-foresight .em-assessment-advisory {
  background: #f5f0e8;
}

.em-assessment-foresight .em-assessment-inclusion-group .em-assessment-inclusion-badge {
  color: #6d522f;
  background: #f3eadc;
}

/* Staged-pathway notice above the timeline. */

.em-foresight-stage-notice {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  max-width: 900px;
  margin: 0 auto 28px;
  padding: 18px 20px;
  color: var(--em-text);
  background: #f5f0e8;
  border: 1px solid rgba(123, 93, 53, 0.22);
  border-left: 3px solid var(--em-green);
}

.em-foresight-stage-notice i {
  flex: 0 0 auto;
  margin-top: 3px;
  color: var(--em-green-dark);
}

.em-foresight-stage-notice strong,
.em-foresight-stage-notice span {
  display: block;
}

.em-foresight-stage-notice strong {
  color: var(--em-navy);
  font-size: 0.94rem;
  line-height: 1.4;
}

.em-foresight-stage-notice span {
  margin-top: 4px;
  color: var(--em-muted);
  font-size: 0.86rem;
  line-height: 1.55;
}

/* Clear location labels distinguish the in-house and external stages. */

.em-foresight-location-tag {
  display: inline-block;
  margin: 0 0 10px;
  padding: 5px 8px;
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 0.055em;
  line-height: 1.3;
  text-transform: uppercase;
}

.em-foresight-location-executive {
  color: #335d46;
  background: #e7f0e9;
}

.em-foresight-location-external {
  color: #684f2e;
  background: #f3eadc;
}

.em-foresight-clinical-note {
  margin-top: 15px !important;
  padding: 12px 14px;
  color: #5d5548 !important;
  background: #faf7f1;
  border-left: 2px solid var(--em-green);
  font-size: 0.82rem !important;
}

.em-foresight-journey-summary {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  max-width: 900px;
  margin: 25px auto 0;
}

.em-foresight-journey-summary p {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 0;
  padding: 17px 18px;
  color: var(--em-text);
  background: #ffffff;
  border: 1px solid var(--em-line);
  border-top: 3px solid var(--em-green);
  font-size: 0.86rem;
  line-height: 1.5;
}

.em-foresight-journey-summary i {
  flex: 0 0 auto;
  margin-top: 3px;
  color: var(--em-green-dark);
}

/* Advanced inclusion spans the grid and separates locations clearly. */

.em-assessment-foresight .em-foresight-inclusion-wide {
  grid-column: 1 / -1;
}

.em-foresight-location-columns {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin: 18px 0 21px;
}

.em-foresight-location-columns > div {
  padding: 15px 17px;
  background: #f8f5ef;
  border: 1px solid rgba(123, 93, 53, 0.18);
}

.em-foresight-location-columns strong,
.em-foresight-location-columns span {
  display: block;
}

.em-foresight-location-columns strong {
  color: var(--em-navy);
  font-size: 0.85rem;
}

.em-foresight-location-columns span {
  margin-top: 5px;
  color: var(--em-muted);
  font-size: 0.8rem;
  line-height: 1.48;
}

.em-assessment-foresight .em-foresight-inclusion-wide .em-assessment-checklist {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 28px;
}

/* The four included investigations remain equal two-by-two cards. */

.em-assessment-foresight .em-foresight-advanced-grid .em-assessment-enhancement {
  border-top: 3px solid var(--em-green);
}

.em-assessment-foresight .em-foresight-advanced-grid .em-assessment-enhancement > div:last-child > p:last-child {
  margin-top: auto;
}

/* Pricing structure summary. */

.em-foresight-price-summary {
  margin: 20px 0 0;
  padding: 0;
  list-style: none;
}

.em-assessment-foresight .em-assessment-price-content p + p {
  margin-top: 12px;
}

.em-foresight-price-summary li {
  position: relative;
  margin: 0;
  padding: 10px 0 10px 18px;
  color: var(--em-text);
  border-bottom: 1px solid var(--em-line);
  font-size: 0.84rem;
  line-height: 1.48;
}

.em-foresight-price-summary li:last-child {
  border-bottom: 0;
}

.em-foresight-price-summary li::before {
  content: "";
  position: absolute;
  top: 1.15em;
  left: 0;
  width: 7px;
  height: 7px;
  background: var(--em-green);
  border-radius: 50%;
}

@media (max-width: 900px) {
  .em-assessment-foresight .em-assessment-glance-item:nth-child(2) {
    border-left: 1px solid var(--em-line);
  }
}

@media (max-width: 720px) {
  .em-assessment-foresight .em-assessment-lifestyle-image {
    margin-top: 0;
    border-right: 0;
    border-left: 0;
  }

  .em-assessment-foresight .em-assessment-lifestyle-image img {
    height: auto;
    aspect-ratio: 3 / 2;
    object-position: center center;
  }

  .em-foresight-stage-notice {
    padding: 16px;
  }

  .em-foresight-journey-summary,
  .em-foresight-location-columns,
  .em-assessment-foresight .em-foresight-inclusion-wide .em-assessment-checklist {
    grid-template-columns: 1fr;
  }

  .em-assessment-foresight .em-foresight-inclusion-wide {
    grid-column: auto;
  }

  .em-assessment-foresight .em-assessment-glance-item:nth-child(2) {
    border-left: 0;
  }
}