/* Phase 8m — About page: consistent card and section treatment */

/* ── Global: suppress all icon badges on About page ── */
.about-hero .telstar-icon-badge,
.about-section .telstar-icon-badge {
  display: none !important;
}

/* ── Hero: remove icon from signal panel topline ── */
.about-signal-panel__topline .telstar-icon-badge {
  display: none !important;
}

/* ── Signal flow cards — standard dark panel treatment ── */
.about-signal-flow div {
  border-left: 3px solid var(--telstar-teal, #2CA6A4) !important;
  border-top: none !important;
  border-right: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
}

/* ── Purpose section: diagnosis card — standard card spec ── */
.about-diagnosis-card {
  background: #ffffff !important;
  border: 1px solid rgba(11,37,69,0.10) !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.07) !important;
}

/* ── Founder section: proof articles — standard card spec ── */
.about-founder-panel__proof article {
  display: block !important;
  background: #ffffff !important;
  border: 1px solid rgba(11,37,69,0.10) !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.07) !important;
  padding: 1.1rem 1.25rem !important;
}

.about-founder-panel__proof article strong {
  display: block !important;
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  color: var(--telstar-primary, #0B2545) !important;
  margin-bottom: 0.4rem !important;
}

.about-founder-panel__proof article p {
  margin: 0 !important;
  font-size: 0.9rem !important;
  color: var(--telstar-text-muted, #5C6B73) !important;
  line-height: 1.5 !important;
}

/* ── Pillars grid chips — teal border treatment ── */
.about-pillars-grid span {
  background: #ffffff !important;
  border: 1.5px solid var(--telstar-teal, #2CA6A4) !important;
  border-radius: 0.5rem !important;
  color: var(--telstar-primary, #0B2545) !important;
  font-weight: 600 !important;
}

/* ── Method cards — standard card spec ── */
.about-method-cards article {
  display: block !important;
  background: #ffffff !important;
  border: 1px solid rgba(11,37,69,0.10) !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.07) !important;
  padding: 1.1rem 1.25rem !important;
}

.about-method-cards article h3 {
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  color: var(--telstar-primary, #0B2545) !important;
  margin: 0 0 0.4rem !important;
}

.about-method-cards article p {
  margin: 0 !important;
  font-size: 0.9rem !important;
  color: var(--telstar-text-muted, #5C6B73) !important;
  line-height: 1.5 !important;
}

/* ── Thinking grid link cards — standard card spec ── */
.about-thinking-grid a {
  display: block !important;
  background: #ffffff !important;
  border: 1px solid rgba(11,37,69,0.10) !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.07) !important;
  padding: 1.1rem 1.25rem !important;
  text-decoration: none !important;
}

.about-thinking-grid a span {
  display: block !important;
  font-size: 0.68rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: var(--telstar-teal, #2CA6A4) !important;
  margin-bottom: 0.4rem !important;
}

.about-thinking-grid a h3 {
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  color: var(--telstar-primary, #0B2545) !important;
  margin: 0 0 0.4rem !important;
}

.about-thinking-grid a p {
  margin: 0 !important;
  font-size: 0.88rem !important;
  color: var(--telstar-text-muted, #5C6B73) !important;
  line-height: 1.5 !important;
}

.about-thinking-grid a:hover {
  border-left-color: var(--telstar-secondary, #1E5AA8) !important;
}

/* ── Experience cards — standard card spec for non-navy cards ── */
.about-experience-card {
  background: #ffffff !important;
  border: 1px solid rgba(11,37,69,0.10) !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.07) !important;
}

.about-experience-card--navy {
  border-left: 4px solid var(--telstar-teal, #2CA6A4) !important;
}

/* ── Hero — match How We Work hero height ── */
.about-hero {
  padding: clamp(2.4rem, 4vw, 3.6rem) 0 !important;
}

/* ── Section spacing — reduce to match other pages ── */
.about-section {
  padding: clamp(2.2rem, 3.5vw, 3.2rem) 0 !important;
}

/* ── Founder section: proof articles — stack vertically with consistent gap ── */
.about-founder-panel__proof {
  display: flex !important;
  flex-direction: column !important;
  gap: 1rem !important;
}

/* ── Method cards — stack vertically with gap ── */
.about-method-cards {
  display: flex !important;
  flex-direction: column !important;
  gap: 1rem !important;
}

/* ── Thinking grid — 2x2 grid ── */
.about-thinking-grid {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 1.25rem !important;
  margin-top: 1.5rem !important;
}

/* ── Experience grid — equal three columns ── */
.about-experience-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 1.25rem !important;
}

/* ── Experience card content spacing ── */
.about-experience-card {
  padding: 1.25rem 1.5rem !important;
}

.about-experience-card span {
  display: block !important;
  font-size: 0.68rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: var(--telstar-teal, #2CA6A4) !important;
  margin-bottom: 0.5rem !important;
}

.about-experience-card h3 {
  font-size: 1rem !important;
  font-weight: 700 !important;
  color: var(--telstar-primary, #0B2545) !important;
  margin: 0 0 0.5rem !important;
}

.about-experience-card--navy h3,
.about-experience-card--navy p,
.about-experience-card--navy span,
.about-experience-card--navy h4 {
  color: #ffffff !important;
}

.about-experience-card--navy span {
  color: var(--telstar-teal, #2CA6A4) !important;
}

/* ── Pillars panel — remove card wrapper ── */
.about-pillars-panel {
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}

.about-pillars-grid {
  display: grid !important;
  grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
  gap: 0.75rem !important;
  margin-bottom: 1rem !important;
}

.about-pillars-grid span {
  display: grid !important;
  place-items: center !important;
  min-height: 2.5rem !important;
  font-size: 0.82rem !important;
  text-align: center !important;
}

/* ── Purpose section: diagnosis card — full override ── */
.about-diagnosis-card {
  border-radius: 0.5rem !important;
  border: 1px solid rgba(11,37,69,0.10) !important;
  border-left: 4px solid var(--telstar-teal, #2CA6A4) !important;
  box-shadow: 0 1px 3px rgba(11,37,69,0.07) !important;
  padding: 1.25rem 1.5rem !important;
}

.about-diagnosis-card::before {
  display: none !important;
}

/* ── List items — plain, no mini-card treatment ── */
.about-diagnosis-card li {
  background: transparent !important;
  border-radius: 0 !important;
  padding: 0.5rem 0 !important;
  border-bottom: 1px solid rgba(11,37,69,0.06) !important;
  font-size: 0.92rem !important;
  line-height: 1.55 !important;
}

.about-diagnosis-card ol {
  gap: 0 !important;
  margin-bottom: 1rem !important;
}

/* ── Footer conclusion line — teal accent ── */
.about-diagnosis-card > p {
  padding-top: 0.75rem !important;
  border-top: 1px solid rgba(44,166,164,0.25) !important;
  color: var(--telstar-teal, #2CA6A4) !important;
  font-size: 0.88rem !important;
  font-weight: 700 !important;
}

/* ── Eyebrows — fix teal-soft to proper teal on light backgrounds ── */
.about-eyebrow,
.about-section .about-eyebrow {
  color: var(--telstar-teal, #2CA6A4) !important;
}

/* ── Founder section — remove floating panel wrapper ── */
.about-founder-panel {
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}

.about-founder-panel::before {
  display: none !important;
}

/* ── Founder proof cards — confirm standard card spec ── */
.about-founder-panel__proof article {
  border-left: 4px solid var(--telstar-teal, #2CA6A4) !important;
  border-top: 1px solid rgba(11,37,69,0.10) !important;
  border-right: 1px solid rgba(11,37,69,0.10) !important;
  border-bottom: 1px solid rgba(11,37,69,0.10) !important;
  border-radius: 0.5rem !important;
}