/* The health practice's one owned device on the Research Instrument system:
   the evidence and mechanism map.

   Everything else on /health-research/ is drawn by the shared system in
   /assets/research-instrument.css. This sheet carries only what is genuinely
   local to the health practice, scoped to its body signature so nothing here
   can reach a sibling page.

   The map's five states are written into each cell and repeated in a data
   attribute; the coloured edge is a second signal only, and every state
   remains legible with no colour perception at all. The accent set is the
   system's own: the health signal for the mechanistic state, the graphite
   ink ramp for the rest, so the map reads as this site's instrument rather
   than a traffic light. */

.research-instrument[data-ri-practice="health"] .ri-evidence-map {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--ri-space-2);
  margin: var(--ri-space-3) 0 0;
  padding: 0;
  list-style: none;
}

.research-instrument[data-ri-practice="health"] .ri-evidence-map__cell {
  display: grid;
  gap: var(--ri-space-1);
  min-width: 0;
  padding: var(--ri-space-3);
  background: var(--ri-paper-deep);
  border: var(--ri-hairline) solid var(--ri-rule);
  border-left: 4px solid var(--ri-graphite);
}

/* Strongest state carries the darkest, most solid edge; the ramp thins and
   loosens as the evidence does. Style and weight change with the state, so
   the edge is never only a hue. */
.research-instrument[data-ri-practice="health"]
  .ri-evidence-map__cell[data-evidence-state="established"] {
  border-left: 4px solid var(--ri-ink);
}

.research-instrument[data-ri-practice="health"]
  .ri-evidence-map__cell[data-evidence-state="mechanistically-plausible"] {
  border-left: 4px solid var(--ri-health);
}

.research-instrument[data-ri-practice="health"]
  .ri-evidence-map__cell[data-evidence-state="preliminary"] {
  border-left: 3px dashed var(--ri-graphite);
}

.research-instrument[data-ri-practice="health"]
  .ri-evidence-map__cell[data-evidence-state="anecdotal"] {
  border-left: 3px dotted var(--ri-graphite);
}

.research-instrument[data-ri-practice="health"]
  .ri-evidence-map__cell[data-evidence-state="unknown"] {
  border-left: 3px double var(--ri-rule);
}

.research-instrument[data-ri-practice="health"] .ri-evidence-map__state {
  margin: 0;
  /* MECHANISTICALLY is wider than a zoomed handset column. Break a word
     only when it is wider than its own line, so nothing changes at any
     width where the label already fits — the same reflow rule the rest of
     the site settled on for 200% zoom. */
  overflow-wrap: anywhere;
}

.research-instrument[data-ri-practice="health"]
  .ri-evidence-map__cell[data-evidence-state="mechanistically-plausible"]
  .ri-evidence-map__state {
  color: var(--ri-health);
}

.research-instrument[data-ri-practice="health"] .ri-evidence-map__claim {
  margin: 0;
}

.research-instrument[data-ri-practice="health"] .ri-evidence-map__source {
  margin: 0;
  color: var(--ri-graphite);
}

@media (min-width: 48rem) {
  .research-instrument[data-ri-practice="health"] .ri-evidence-map {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 64rem) {
  .research-instrument[data-ri-practice="health"] .ri-evidence-map {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}