/* seiflden.com v3 — cite.css (Library phase 2). The "Cite this / استشهد بهذا" block and the code chip on every
   publication page (volumes, field guides, essays). Loaded after the page's own stylesheets; tokens fall back
   between the site set (site.css: --t1 --b1 --acc --s1) and the publication set (pub.css: --text-1 --border --accent). */
.cite-this {
  margin-block: 2.5rem 1.5rem; padding: 1rem 1.125rem 1.125rem;
  border: 1px solid var(--b1, var(--border)); border-radius: var(--r-md, var(--r, 12px)); background: var(--s1);
  font-size: .9375rem; line-height: 1.6;
}
.cite-this-h { margin: 0 0 .5rem; font-size: 1.0625rem; font-weight: 600; color: var(--t1, var(--text-1)); }
.cite-this-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 16px; margin: 0 0 .875rem; font-size: .875rem; color: var(--t3, var(--text-3)); }
.cite-this .lib-code {
  display: inline-flex; align-items: center; font-size: .8125rem; font-weight: 600; line-height: 1.3;
  color: var(--acc, var(--accent-text)); font-variant-numeric: tabular-nums; white-space: nowrap;
}
.cite-this-changed { color: var(--acc, var(--accent-text)); text-decoration: underline; text-underline-offset: 3px; }
.cite-this-changed:hover { color: var(--t1, var(--text-1)); }
.cite-this-item + .cite-this-item { margin-block-start: .875rem; padding-block-start: .875rem; border-block-start: 1px solid var(--b1, var(--border)); }
.cite-this-k { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px 12px; margin: 0 0 .25rem; font-size: .8125rem; font-weight: 600; color: var(--t2, var(--text-2)); }
.cite-this-text { margin: 0; color: var(--t1, var(--text-1)); overflow-wrap: anywhere; }
.cite-this-text em { font-style: italic; }
.cite-this-item[dir="ltr"] .cite-this-text, .cite-this-text[dir="ltr"] { text-align: start; }
.cite-this .m-copy { gap: 6px; flex-shrink: 0; min-height: 36px; }
.cite-this .m-copy .icon { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.cite-this .m-copy .m-ok { display: none; }
.cite-this .m-copy.is-done { border-color: var(--acc-line, var(--accent-border)); color: var(--acc, var(--accent-text)); }
.cite-this .m-copy.is-done .m-ok { display: block; }
.cite-this .m-copy.is-done .m-ci { display: none; }
html.no-js .cite-this .js-only { display: none; }
@media print {
  .cite-this { break-inside: avoid; border-color: #bbb; background: none; }
  .cite-this .m-copy, .cite-this-changed { display: none !important; }
}
