/* Online First uses the active theme's archive/article-summary typography. */
:root {
  --aof-accent: #8f001f;
  --aof-accent-hover: #6f0018;
  --aof-accent-soft: rgba(143, 0, 31, .07);
  --aof-accent-border: rgba(143, 0, 31, .24);
}
.page_online_first { min-width: 0; }
.page_online_first .aof_article_list { display: block; }
.page_online_first .aof_article_card { min-width: 0; }
/* Size, font, case, spacing and card surfaces belong to .obj_article_summary
   and .title in the selected journal theme, just like its issue contents. */
.page_online_first .aof_article_meta {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: .35em .6em;
  margin-bottom: .65em;
  font: inherit;
  font-size: .875em;
  line-height: 1.5;
  color: inherit;
}
.aof_status_dot {
  display: inline-block;
  flex: 0 0 .5em;
  width: .5em;
  height: .5em;
  align-self: center;
  border-radius: 50%;
  background: currentColor;
}
.page_online_first .aof_article_actions {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: .65em 1em;
  margin-top: .75em;
  justify-content: flex-start;
}
.page_online_first .aof_article_actions > * { min-width: 0; max-width: 100%; }
.page_online_first .aof_primary_link { font: inherit; text-decoration: underline; text-underline-offset: .2em; }
.page_online_first .aof_doi_link { overflow-wrap: anywhere; margin-inline-start: auto; }
.page_online_first .aof_doi_link--pending > span {
  display: inline-block;
  margin-inline-start: .5em;
  padding-inline-start: .5em;
  border-inline-start: 1px solid currentColor;
  font-size: .9em;
}
.page_online_first .aof_empty { color: inherit; }
.aof_primary_link:focus-visible,
.aof_galley_link:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }

/* Historical badges inherit the theme's text colour in light and dark mode. */
.aof_article_badge {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: .5em .75em;
  margin-block-start: 1em;
  padding-block: .75em;
  border-block-start: 1px solid currentColor;
  color: inherit;
  background: transparent;
  font: inherit;
}
.aof_badge_label { font: inherit; font-weight: 600; }
.aof_badge_copy { color: inherit; font-size: .9em; line-height: 1.5; }
.aof_summary_badge {
  display: inline-block;
  margin-block-start: .65em;
  color: inherit;
  background: transparent;
  font: inherit;
  font-size: .875em;
}
@media (max-width: 600px) {
  .page_online_first .aof_article_actions { align-items: flex-start; }
  .page_online_first .aof_doi_link { flex-basis: 100%; margin-inline-start: 0; }
}