/* Phase 8f — Decision panel: full-width dark navy band
   Unifies the two-box approach into a single authoritative panel.
   Both approach and avoid content sit side by side on dark navy.
   No source file edits. */

/* Outer panel — full-width navy band */
.home-diagnostic-value__decision-panel {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.6fr);
  gap: 0;
  align-items: stretch;
  background: var(--telstar-primary, #0B2545);
  border-radius: var(--telstar-radius-sm);
  overflow: hidden;
  border: none;
}

/* Left column — decision rule */
.home-diagnostic-value__approach {
  background: transparent;
  border: none;
  border-right: 1px solid rgba(255, 255, 255, 0.10);
  padding: clamp(1.5rem, 2.8vw, 2.2rem);
  color: rgba(255, 255, 255, 0.88);
}

/* Right column — avoid list */
.home-diagnostic-value__avoid {
  background: transparent;
  border: none;
  padding: clamp(1.5rem, 2.8vw, 2.2rem);
  color: rgba(255, 255, 255, 0.78);
}

/* Both headings — white */
.home-diagnostic-value__approach h3,
.home-diagnostic-value__avoid h3 {
  color: #ffffff;
}

/* Avoid list items — light text */
.home-diagnostic-value__avoid li {
  color: rgba(255, 255, 255, 0.78);
}

/* Avoid bullet dots — teal on dark background */
.home-diagnostic-value__avoid li::before {
  background: var(--telstar-teal, #2CA6A4);
}

/* Approach paragraph */
.home-diagnostic-value__approach p {
  color: rgba(255, 255, 255, 0.78);
}

/* Responsive — stack vertically on narrow screens */
@media (max-width: 860px) {
  .home-diagnostic-value__decision-panel {
    grid-template-columns: 1fr;
  }

  .home-diagnostic-value__approach {
    border-right: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.10);
  }
}

/* Tighten spacing between disposition paths and diagnostic value sections */
.home-disposition-paths {
  padding-bottom: clamp(1.5rem, 2.5vw, 2rem);
}

.home-diagnostic-value {
  padding-top: clamp(1.5rem, 2.5vw, 2rem);
}