/* Match each lower research action to its existing editorial accent. */
:root .research-entry--ongoing {
  --entry-accent: #ffcc83;
  --entry-button-surface: rgb(36 25 12 / .97);
  --entry-button-hover: #392713;
  --entry-button-ink: #fff0d9;
  --entry-button-border: rgb(255 204 131 / .4);
}
:root .research-entry--future {
  --entry-accent: #c9b8ff;
  --entry-button-surface: rgb(27 19 40 / .97);
  --entry-button-hover: #30233f;
  --entry-button-ink: #eee7ff;
  --entry-button-border: rgb(201 184 255 / .4);
}
:root .research-entries .research-entry--ongoing h2 em { color: var(--entry-accent); }
:root .research-entries .research-entry:is(.research-entry--ongoing, .research-entry--future) .research-entry-action,
:root .home-research-entries .research-entry:is(.research-entry--ongoing, .research-entry--future) .research-entry-action {
  --action-glass: var(--entry-button-surface);
  --action-bg: var(--entry-button-surface);
  --action-ink: var(--entry-button-ink);
  --action-border: var(--entry-button-border);
  --control-focus: var(--entry-accent);
  color: var(--entry-button-ink);
}
:root .research-entries .research-entry:is(.research-entry--ongoing, .research-entry--future) .research-entry-action > span { color: var(--entry-accent); }
:root .research-entries .research-entry:is(.research-entry--ongoing, .research-entry--future) .research-entry-action:hover {
  background-color: var(--entry-button-hover);
  border-color: var(--entry-accent);
  color: var(--entry-button-ink);
}
@media (forced-colors: active) {
  :root .research-entries .research-entry:is(.research-entry--ongoing, .research-entry--future) .research-entry-action,
  :root .home-research-entries .research-entry:is(.research-entry--ongoing, .research-entry--future) .research-entry-action {
    background: ButtonFace;
    border-color: ButtonText;
    color: ButtonText;
  }
  :root .research-entries .research-entry:is(.research-entry--ongoing, .research-entry--future) .research-entry-action > span { color: ButtonText; }
}