/* Citation widget, citation permalink pages, and the open-data page.
   Uses the shared reading tokens; fallbacks are the same light palette. Plain HTML: no script is needed to read or copy. */
.vf-cite-section .shell { max-width: 1060px; margin-inline: auto; }
.vf-cite {
  border: 1px solid var(--nr-line, var(--vf-rule));
  background: var(--nr-panel, var(--vf-surface));
  color: var(--nr-ink, var(--vf-ink));
}
.vf-cite > summary {
  cursor: pointer;
  padding: 16px 20px;
  font: 800 .78rem/1.3 var(--vf-font-body);
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--nr-blue, var(--vf-blue-text));
  list-style-position: inside;
}
.vf-cite > summary:focus-visible { outline: 3px solid var(--nr-blue, var(--vf-blue)); outline-offset: 2px; }
.vf-cite-body { padding: 0 20px 20px; border-top: 1px solid var(--nr-line, var(--vf-rule)); }
.vf-cite-facts { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 12px 24px; margin: 18px 0; }
.vf-cite-facts > div { min-width: 0; }
.vf-cite-facts dt {
  font: 800 .7rem/1.3 var(--vf-font-body);
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--nr-muted, var(--vf-ink-2));
}
.vf-cite-facts dd { margin: 4px 0 0; overflow-wrap: anywhere; }
.vf-cite-facts dd small { display: block; color: var(--nr-muted, var(--vf-ink-2)); font-size: .82rem; }
.vf-cite-facts code, .vf-cite-format pre, .vf-cite-format p { font-family: var(--vf-font-mono); }
.vf-cite-formats { display: grid; gap: 12px; }
.vf-cite-format > span {
  display: block;
  font: 800 .7rem/1.3 var(--vf-font-body);
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--nr-muted, var(--vf-ink-2));
}
.vf-cite-format p, .vf-cite-format pre {
  margin: 6px 0 0;
  padding: 10px 12px;
  border: 1px solid var(--nr-line, var(--vf-rule));
  background: var(--nr-panel-2, var(--vf-surface-2));
  color: var(--nr-ink, var(--vf-ink));
  font-size: .86rem;
  line-height: 1.5;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  user-select: all;
}
.vf-cite-format :is(p, pre):focus-visible { outline: 3px solid var(--nr-blue, var(--vf-blue)); outline-offset: 2px; }
.vf-cite-note { margin: 14px 0 0; color: var(--nr-muted, var(--vf-ink-2)); font-size: .9rem; }
.vf-cite-facts--page { max-width: 980px; }
.vf-datasets { display: grid; gap: 22px; margin-top: 18px; }
.vf-dataset { padding: 22px 0 6px; border-top: 1px solid var(--nr-line, var(--vf-rule)); }
.vf-dataset h3 { margin: 0 0 8px; font: 700 1.35rem/1.25 var(--vf-font-head); }
.vf-dataset > p { max-width: 78ch; }
.vf-dataset-files { display: flex; flex-wrap: wrap; gap: 10px; }
.vf-dataset-columns > summary { cursor: pointer; color: var(--nr-blue, var(--vf-blue-text)); font-weight: 700; }
.vf-machine-links li { margin: 6px 0; }
.mt-calendar-grid .mt-cite-link { display: block; margin-top: 6px; font-size: .82rem; }
@media (max-width: 640px) {
  .vf-cite > summary { padding: 14px 16px; }
  .vf-cite-body { padding: 0 16px 16px; }
  .vf-cite-facts { grid-template-columns: 1fr; }
}