/* Numbered citations beside the paragraph that cites them. */
.citation-block { position: relative; display: flow-root; }
.citation-block > p { margin-top: 0; }
.post .cite { font-family: var(--mono); font-size: 0.72em; line-height: 0;
  vertical-align: 0.18em; white-space: nowrap; text-decoration: none; }
.cite-group { white-space: nowrap; }
.citation-notes { margin: -0.2rem 0 1.2rem; color: var(--ink-soft); }
.citation-notes > summary { width: fit-content; cursor: pointer; color: var(--green-deep);
  font-family: var(--mono); font-size: 0.7rem; padding: 0.35rem 0; }
.post .citation-notes ol { list-style: none; padding: 0; margin: 0.65rem 0 0; }
.post .citation-note { position: relative; margin: 0 0 0.9rem; padding: 0 0 0 2rem;
  font-size: 0.85rem; line-height: 1.45; overflow-wrap: anywhere; hyphens: none; }
.citation-note .citation-backref { position: absolute; left: 0; top: 0.1em;
  font-family: var(--mono); font-size: 0.68rem; text-decoration: none; }
.citation-note .citation-authors { display: block; font-size: 0.76rem; margin-top: 0.15rem; }
.citation-note a.ref-title { color: var(--green-deep); text-decoration: none; }
.citation-note a.ref-title:hover { text-decoration: underline; }
.citation-note:target { background: var(--bg-card); border-radius: 3px; }
.cite:focus-visible, .citation-note a:focus-visible, .citation-notes summary:focus-visible {
  outline: 2px solid var(--green); outline-offset: 3px;
}
@media (min-width: 1280px) {
  /* Clear the white reading column: its 2.4rem side padding, then a 1.6rem gap. */
  .sidenotes-ready .citation-notes { position: absolute; left: calc(100% + 4rem);
    top: var(--note-offset, 0px); width: clamp(12rem, calc((100vw - 50rem) / 2 - 2.8rem), 15rem);
    margin: 0; }
  .sidenotes-ready .citation-notes > summary { display: none; }
  .sidenotes-ready .citation-notes ol { margin: 0; }
}
@media print {
  .citation-notes { position: static !important; width: auto !important; }
  .citation-notes > summary { display: none; }
  .citation-notes > ol { display: block !important; }
}
