/* Shared numbered references for approved readers and local previews. */
.article-citation-group { white-space: nowrap; }
.editorial-prose .article-citation {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 44px; min-height: 44px; vertical-align: middle; margin-block: -7px;
  font: 500 12px/1 var(--mono-font); text-decoration: none;
  color: var(--cyan); border-radius: 2px;
}
.article-citation:hover { background: var(--ink-soft); }
.editorial-prose .article-references {
  margin-top: 48px; padding-top: 28px; border-top: 1px solid var(--line);
}
.editorial-prose .article-references h2 { margin: 0 0 20px; font-size: 24px; }
.editorial-prose .article-references ol { list-style: none; padding: 0; margin: 0; }
.article-references li { display: grid; grid-template-columns: 28px minmax(0,1fr); gap: 12px; padding: 20px 0; border-bottom: 1px solid var(--line); }
.article-reference-number { padding-top: 3px; font: 500 13px/1.8 var(--mono-font); color: var(--cyan); }
.article-references .article-reference-publisher { margin: 0 0 4px; font: 500 12px/1.6 var(--mono-font); color: var(--muted); }
.article-references .article-reference-title { margin: 0; font: 500 16px/1.7 var(--body-font); color: var(--paper); }
.article-reference-actions { display: flex; flex-wrap: wrap; gap: 4px 24px; margin-top: 8px; }
.editorial-prose .article-reference-actions a { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; font: 400 13px/1.6 var(--body-font); text-decoration: none; }
.editorial-prose .article-reference-actions .article-reference-back { color: var(--muted); }
.article-reference-actions a:hover { text-decoration: underline; text-underline-offset: 4px; }
.article-reference-actions .ui-icon { width: 15px; height: 15px; }
.article-media-source { display: inline-flex; align-items: center; min-height: 44px; margin-block: -7px; }
:is(.article-citation,.article-reference-actions a,.article-media-source):focus-visible { outline: 2px solid var(--cyan); outline-offset: 3px; }
.article-references li:target { border-left: 2px solid var(--cyan); padding-left: 12px; }
:is(.article-citation,.article-references [id]) { scroll-margin-top: 116px; }
@media(max-width:680px) {
  .editorial-prose .article-references { margin-top: 36px; }
  .article-references li { grid-template-columns: 20px minmax(0,1fr); gap: 8px; }
  .article-reference-actions { gap: 4px 16px; }
}
@media(prefers-reduced-motion:reduce) { .article-citation { scroll-behavior: auto; } }