/* article-vs-zotero.html (round 4, Oct 5, 2026) */

/* The same source in both tools: one row per tool, the tool's name in mono, the reference in Times with a hanging indent.
   What PERRLA produced is marked with the highlighter; the part Zotero got wrong carries a dotted underline. */
.vsref { border: 1px solid var(--rule); border-radius: 8px; background: var(--ground); margin: 0 0 1.25rem; }
.vsref__row { display: grid; grid-template-columns: 5.25rem minmax(0, 1fr); gap: 1rem; padding: 0.875rem 1.125rem; }
.vsref__row + .vsref__row { border-top: 1px solid var(--rule-soft); }
.prose .vsref p { margin: 0; }
.vsref__who { font-family: var(--font-mono); font-size: 0.6875rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--ink-3); padding-top: 0.45rem; }
.vsref__ref { font-family: var(--font-paper); font-size: 1.0625rem; line-height: 1.8; color: #000; padding-left: 2em; text-indent: -2em; overflow-wrap: anywhere; }
.vsref__ref mark { background: var(--yellow-300); color: inherit; padding: 0 0.08em; }
.vsref__off { text-decoration: underline dotted var(--ink-3); text-decoration-thickness: 1.5px; text-underline-offset: 0.2em; }
@media (max-width: 560px) {
  .vsref__row { grid-template-columns: minmax(0, 1fr); gap: 0.25rem; }
  .vsref__who { padding-top: 0; }
}