/* Early Development accent; the flagship article layout and behaviors stay shared. */
.research-ei { --early:#E07A8B; }
.research-ei .post-header > .pill { background:#f7e4e8; color:#813a49; }
.research-ei .article-short-answer { background:#fbf0f2; border-left-color:var(--early); }
.research-ei .article-key-takeaways { border-left-color:var(--early); }
/* Three neutral comparison columns, with the same keyboard-scroll treatment. */
.research-ei .research-comparison tbody th { width:32%; }
.research-ei .research-comparison td { width:34%; }
@media screen and (max-width:1200px) {
  .research-ei .research-comparison-hint { display:block; margin:24px 0 8px; color:#555; font-size:14px; line-height:1.5; }
  .research-ei .research-comparison-scroll { margin-top:0; }
}

/* A readable HTML route map. Both age routes and every qualifier stay in flow. */
.research-ei .ei-process-visual {
  container-type:inline-size;
  margin:32px 0 48px;
  padding:28px 0 24px;
  border-block:2px solid var(--teal);
  color:var(--ink);
  font:400 1rem/1.65 var(--font-body);
  overflow-wrap:anywhere;
}
.research-ei .ei-process-visual h3 {
  margin:0 0 16px;
  font:600 1.7rem/1.2 var(--font-display);
}
.research-ei .ei-process-visual :is(p,li,dd,figcaption) {
  font-size:1rem;
  line-height:1.65;
}
.research-ei .ei-process-visual p { margin:0 0 16px; }
.research-ei .ei-process-shortcuts {
  display:flex;
  align-items:baseline;
  flex-wrap:wrap;
  gap:8px 12px;
  margin:24px 0 32px;
  font-size:1rem;
}
.research-ei .ei-process-visual a:not(.research-cite) {
  color:var(--teal);
  text-decoration:underline;
  text-underline-offset:.2em;
  text-decoration-thickness:1px;
}
.research-ei .ei-process-visual a:focus-visible { outline:2px solid var(--teal); outline-offset:4px; }
.research-ei .ei-process-tracks { display:grid; gap:32px; align-items:start; }
.research-ei .ei-process-track { min-width:0; scroll-margin-top:120px; }
.research-ei .ei-process-route-heading {
  margin:0 0 22px;
  padding:14px 0 0;
  border-top:2px solid var(--teal);
  font:500 .875rem/1.6 var(--font-mono);
  color:var(--teal);
}
.research-ei .ei-process-visual :is(h5,h6) {
  margin:0 0 10px;
  font:600 1.125rem/1.4 var(--font-display);
  color:var(--ink);
}
.research-ei .ei-process-timeline {
  border-left:2px solid #9b6873;
  padding:0 0 0 18px;
  margin-bottom:28px;
}
.research-ei .ei-process-timeline h5 { color:#713c48; }
.research-ei .ei-process-steps { padding-left:24px; margin:0; }
.research-ei .ei-process-steps > li { padding:0 0 22px 8px; margin:0 0 22px; border-bottom:1px solid var(--hairline); }
.research-ei .ei-process-steps > li::marker { color:var(--teal); font:500 1rem var(--font-mono); }
.research-ei .ei-process-steps > li p:last-child { margin-bottom:0; }
.research-ei .ei-process-branches { display:grid; gap:18px; }
.research-ei .ei-process-branch { padding:20px; background:#f0ede7; border-left:2px solid #9aa5a6; }
.research-ei .ei-process-branch .ei-process-branch-label {
  font:500 .875rem/1.5 var(--font-mono);
  color:var(--teal);
  margin-bottom:16px;
}
.research-ei .ei-process-branch ul { margin:0; padding:0; list-style:none; }
.research-ei .ei-process-branch li { margin:0; padding:0; }
.research-ei .ei-process-branch li + li { margin-top:22px; border-top:1px solid #d5d0c7; padding-top:20px; }
.research-ei .ei-process-branch p:last-child { margin-bottom:0; }
.research-ei .ei-process-school-note { border-top:1px solid var(--hairline); padding-top:20px; }
.research-ei .ei-process-notes { margin:32px 0 24px; padding:24px 0 0; border-top:1px solid var(--hairline); }
.research-ei .ei-process-notes > div + div { margin-top:20px; }
.research-ei .ei-process-notes dt { font-weight:650; margin-bottom:6px; }
.research-ei .ei-process-notes dd { margin:0; }
.research-ei .ei-process-visual figcaption { color:var(--muted); margin:0; }
.research-ei .ei-process-visual .ei-process-sources { margin:20px 0 0; color:var(--ink); }
@container (min-width:46rem) {
  .research-ei .ei-process-tracks { grid-template-columns:minmax(20rem,1.1fr) minmax(19rem,1fr); gap:28px; }
  .research-ei .ei-process-school { border-left:1px solid var(--hairline); padding-left:24px; }
}
@media print {
  body.research-ei.print-questions article.post > section[aria-labelledby="evaluation-and-ifsp"] { display:block !important; }
  .research-ei .ei-process-visual { container-type:normal; break-inside:auto; margin-block:24px; padding-block:20px; }
  .research-ei .ei-process-tracks { display:block; }
  .research-ei .ei-process-school { margin-top:24px; border-left:0; padding-left:0; }
  .research-ei .ei-process-visual :is(h4,h5,h6,dt) { break-after:avoid; }
  .research-ei .ei-process-visual :is(li,.ei-process-notes > div) { break-inside:avoid; }
}
