/* Phase 8l — How We Work: diagnostic frame section */

/* ── 1. Remove card wrapper from foundation panel ── */
.how-work-foundation-panel {
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}

.how-work-foundation-panel::before {
  display: none !important;
}

/* ── 2. Remove inner map card wrapper ── */
.how-work-foundation-map {
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  padding: 0 !important;
}

/* ── 3. Heading — full width ── */
.how-work-foundation-panel .how-work-section__heading {
  max-width: 100% !important;
}

.how-work-foundation-panel h2 {
  max-width: 100% !important;
}

/* ── 4. Reduce gap above section ── */
.how-work-foundation-section {
  padding-top: 2rem !important;
}

/* ── 5. Stage pills — navy fill, teal left accent, white text ── */
.how-work-foundation-row--stages span {
  background: var(--telstar-primary, #0B2545) !important;
  color: #ffffff !important;
  border: none !important;
  border-left: 4px solid var(--telstar-teal, #2CA6A4) !important;
  border-radius: 0.5rem !important;
  box-shadow: 0 1px 3px rgba(11,37,69,0.15) !important;
  font-weight: 600 !important;
  justify-content: flex-start !important;
  padding-left: 1rem !important;
}

/* ── 6. Pillar chips — white with teal border and navy text ── */
.how-work-foundation-row--pillars span {
  background: #ffffff !important;
  color: var(--telstar-primary, #0B2545) !important;
  border: 1.5px solid var(--telstar-teal, #2CA6A4) !important;
  border-radius: 0.5rem !important;
  font-weight: 600 !important;
}

/* ── 7. Underpinned by — interrupted rule line ── */
.how-work-foundation-map {
  position: relative !important;
}

.how-work-foundation-bridge {
  position: relative !important;
  background: var(--telstar-surface-high, #ffffff) !important;
  color: var(--telstar-teal, #2CA6A4) !important;
  font-weight: 700 !important;
  border: 1px solid rgba(44,166,164,0.4) !important;
  z-index: 1 !important;
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}

.how-work-foundation-bridge::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: calc(-50vw + 50%) !important;
  right: calc(-50vw + 50%) !important;
  height: 1px !important;
  background: rgba(44,166,164,0.35) !important;
  z-index: -1 !important;
}

/* ── 8. Stage pill font size ── */
.how-work-foundation-row--stages span {
  font-size: 1rem !important;
  font-weight: 700 !important;
}