/* Existing research is distilled into principles that join an irregular system. */
.research-flow-section {
  --mill-fiber: #b5c7aa;
  --mill-accent: #dfa98d;
  --mill-ink: #e7eddf;
  --mill-panel: #233d32;
  --mill-void: #101e18;
  --mill-rule: #dce7d328;
  margin-top: 46px;
  border-top: 1px solid var(--mill-rule);
}
html[data-theme="dark"] .research-flow-section {
  --mill-fiber: #babbb1;
  --mill-accent: #f5f1df;
  --mill-ink: #efeee8;
  --mill-panel: #111111;
  --mill-void: #050505;
  --mill-rule: #eeece629;
}
.research-mill {
  margin: 0;
  width: 100%;
  padding-top: 22px;
  container-type: inline-size;
}
.research-mill-art {
  display: block;
  width: 100%;
  height: auto;
  overflow: visible;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.research-mill-art :is(path, circle, ellipse, rect, line) {
  vector-effect: non-scaling-stroke;
}
.research-mill-art text {
  font-family: var(--sans);
  font-weight: 400;
  stroke: none;
}
.research-mill-art .rm-stage-label {
  font-family: var(--mono);
  letter-spacing: 1.4px;
}
.research-mill-art--mobile { display: none; }
@container (max-width: 699px) {
  .research-mill:not([data-ready]) .research-mill-art--desktop { display: none; }
  .research-mill:not([data-ready]) .research-mill-art--mobile { display: block; }
}
.research-flow-section .research-flow-copy {
  margin-top: 24px;
  border-top: 1px solid var(--mill-rule);
}
.research-flow-copy .principle { padding-top: 27px; }
.research-flow-copy .principle h3 { margin-top: 0; }
@media (max-width: 760px) {
  .research-flow-section { margin-top: 30px; }
  .research-mill { padding-top: 12px; }
  .research-flow-section .research-flow-copy { margin-top: 22px; }
  .research-flow-copy .principle { padding-block: 24px; }
  .research-flow-copy .principle:last-child { padding-bottom: 0; }
}
@media print {
  .research-flow-section, html[data-theme="dark"] .research-flow-section {
    --mill-fiber: #527258;
    --mill-accent: #a25136;
    --mill-ink: #243d34;
    --mill-panel: #ffffff;
    --mill-void: #243d34;
    --mill-rule: #c6cfc2;
  }
  .research-mill { break-inside: avoid; }
}
