/* Widget 7 — References (v2_article.references). Entry n is #ref-n; arriving at one (a
   citation jump) highlights it. Back-links and the hover preview: assets/js/references.js. */
.hc-refs { display: flex; flex-direction: column; gap: 14px; scroll-margin-top: 24px; }
.hc-refs__list { margin: 0; padding: 0; list-style: none; }
.hc-ref {
  display: flex;
  gap: 14px;
  margin: 0 -16px;
  padding: 18px 16px;
  box-shadow: inset 0 1px 0 var(--hc-hair);
  scroll-margin-top: 24px;
  transition: background 0.3s;
}
.hc-ref:target,
.hc-ref.is-arrived {
  border-radius: 14px;
  background: var(--hc-chip-on-bg);
  box-shadow: inset 0 0 0 1px var(--hc-chip-on-line);
}
.hc-ref__n {
  flex-shrink: 0;
  width: 26px;
  font-size: 15px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  color: var(--hc-accent);
}
.hc-ref__body { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.hc-ref__title {
  font-size: 17px;
  line-height: 1.45;
  font-weight: 500;
  color: var(--hc-text);
  text-decoration: underline;
  text-decoration-color: var(--hc-strong);
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
}
.hc-ref__title:hover { color: var(--hc-text); opacity: 1; text-decoration-color: currentColor; }
.hc-ref__ext { display: inline-block; margin-left: 6px; vertical-align: -2px; color: var(--hc-muted); }
.hc-ref__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; font-size: 14px; }
.hc-ref__site { color: var(--hc-muted); }
.hc-ref__back { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 0 4px; }
.hc-ref__back[hidden] { display: none; }
.hc-ref__site + .hc-ref__back::before { content: "\00b7"; margin-right: 6px; color: var(--hc-strong); }
.hc-ref__back a { padding: 0 3px; color: var(--hc-accent); font-weight: 600; text-decoration: none; }
.hc-ref__back a:first-child { padding-left: 0; }
.hc-ref__back span { color: var(--hc-accent); font-weight: 600; }

/* Citation preview (desktop hover and focus). */
.hc-cite-preview {
  position: absolute;
  z-index: 40;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 320px;
  padding: 16px 18px;
  border-radius: 16px;
  background: var(--hc-card);
  box-shadow: inset 0 0 0 1px var(--hc-line), 0 18px 40px -18px rgba(0, 0, 0, 0.35);
  line-height: 1.4;
  text-align: left;
}
.hc-cite-preview[hidden] { display: none; }
.hc-cite-preview__k { font-size: 11px; font-weight: 600; letter-spacing: 1.6px; text-transform: uppercase; color: var(--hc-muted); }
.hc-cite-preview__t { font-size: 16px; font-weight: 500; color: var(--hc-text); }
.hc-cite-preview__s { display: flex; align-items: center; gap: 6px; font-size: 14px; color: var(--hc-muted); }
.hc-cite-preview__go { font-size: 14px; font-weight: 600; color: var(--hc-accent); }