/* Keep the upper research actions in their own colour on interaction. */
:root .research-entry--paper {
  --entry-accent: #c4ed88;
  --entry-button-hover: #28371b;
  --entry-button-hover-ink: #eef7e3;
  --entry-button-glow: rgb(196 237 136 / .18);
}
:root .research-entry--speech {
  --entry-accent: #a7dfed;
  --entry-button-hover: #17343c;
  --entry-button-hover-ink: #d6f5fc;
  --entry-button-glow: rgb(167 223 237 / .18);
}
:root .research-entries .research-entry:is(.research-entry--paper, .research-entry--speech) .research-entry-action {
  --control-focus: var(--entry-accent);
}
@media (forced-colors: none) {
  :root .research-entries .research-entry:is(.research-entry--paper, .research-entry--speech) .research-entry-action:is(:hover, :focus-visible) {
    background-color: var(--entry-button-hover);
    border-color: var(--entry-accent);
    color: var(--entry-button-hover-ink);
    box-shadow: inset 0 1px 0 var(--entry-button-glow), 0 0 16px var(--entry-button-glow);
  }
  :root .research-entries .research-entry:is(.research-entry--paper, .research-entry--speech) .research-entry-action:is(:hover, :focus-visible) > span {
    color: var(--entry-accent);
  }
}