/* Phase 8c — Homepage Pass 2: spacing rhythm, hero tightening,
   proof strip metric wrap fix, diagnostic value section rebalance.
   No source file edits. Overlay only. */

/* ── 1. Hero — reduce vertical padding to tighten the fold ── */
.hero--home.hero--image {
  padding-top: clamp(2.4rem, 4vw, 3.6rem);
  padding-bottom: clamp(2rem, 3.6vw, 3.2rem);
}

/* ── 2. Proof strip — prevent metric numbers wrapping to two lines ── */
.home-proof-strip__metrics strong {
  white-space: nowrap;
}

/* ── 3. Section spacing rhythm — consistent vertical breathing room ── */
.home-symptoms {
  padding-top: clamp(2.4rem, 4vw, 3.6rem);
  padding-bottom: clamp(2.4rem, 4vw, 3.6rem);
}

.home-disposition-paths {
  padding-top: clamp(2.4rem, 4vw, 3.6rem);
  padding-bottom: clamp(2.4rem, 4vw, 3.6rem);
}

.home-diagnostic-value {
  padding-top: clamp(2.4rem, 4vw, 3.6rem);
  padding-bottom: clamp(2.4rem, 4vw, 3.6rem);
}

#software-enabled-diagnostics {
  padding-top: clamp(2.4rem, 4vw, 3.6rem);
  padding-bottom: clamp(2.4rem, 4vw, 3.6rem);
}

/* ── 4. Diagnostic value section — rebalance now the image is removed ──
   The __body was a two-column grid (image | cards).
   Now image is gone, collapse to single column and let the
   three cards sit as a 3-column row, matching the symptoms grid above. */
.home-diagnostic-value__body {
  display: block;
}

.home-diagnostic-value__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(1rem, 2vw, 1.5rem);
  margin-bottom: clamp(1.2rem, 2.5vw, 1.8rem);
}

/* Restore card min-height now they sit in a full-width row */
.home-diagnostic-value-card {
  min-height: 10rem;
}

/* Decision panel — now full width, keep two-column split */
.home-diagnostic-value__decision-panel {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr);
}

@media (max-width: 860px) {
  .home-diagnostic-value__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .home-diagnostic-value__grid {
    grid-template-columns: 1fr;
  }

  .home-diagnostic-value__decision-panel {
    grid-template-columns: 1fr;
  }
}