/* The version switcher on the research pages (/verse-switcher.js). */
.bv-here{margin:0 0 28px;padding:14px 18px;border:1px solid var(--line);border-radius:8px;background:var(--card)}
.bv-here[hidden]{display:none}
.vswitch{margin:0;font-size:13.5px;color:var(--ink-2)}
.vswitch label{display:block;max-width:100%}
.vswitch select{margin-left:6px;min-height:40px;max-width:100%;padding:8px 10px;border:1px solid var(--line-2);border-radius:4px;background:var(--bg);color:var(--ink);font:14px var(--sans)}
.vswitch-credit,.vswitch-kept{margin:6px 0 0;font-size:12px;line-height:1.5;color:var(--ink-3)}
.vswitch-credit:empty{display:none}
.bv-note{margin:8px 0 0;font-size:13px;line-height:1.55;color:var(--ink-2)}
.bv-note[hidden]{display:none}
/* In another version: the question a line is about, marked within its verse. */
mark.bvq{padding:0 1px;border-radius:2px;background:color-mix(in srgb,var(--accent) 16%,transparent);color:inherit}
/* A line kept in the page's own version, with the reason as its title. */
.bv-kept{text-decoration:underline dotted var(--ink-3);text-underline-offset:3px;text-decoration-thickness:1px}
.bv-mark{font-size:.85em;color:var(--ink-3)}
@media (max-width:600px){.bv-here{padding:12px 14px}.vswitch select{display:block;width:100%;margin:6px 0 0}}
/* Does the translation change the count? */
.tr-table td{white-space:nowrap}
.tr-examples{display:grid;gap:14px;margin:18px 0 22px}
.tr-example{margin:0;padding:14px 18px;border:1px solid var(--line);border-radius:8px;background:var(--card)}
.tr-example figcaption{margin:0 0 10px;font-size:13.5px;line-height:1.55;color:var(--ink-2)}
.tr-example dl{display:grid;grid-template-columns:max-content 1fr;gap:6px 14px;margin:0}
.tr-example dt{font:600 12px/1.9 var(--sans);color:var(--ink-3);letter-spacing:.02em}
.tr-example dd{margin:0;font-family:var(--serif);font-size:15px;line-height:1.55;color:var(--ink)}
@media (max-width:600px){.tr-example{padding:12px 14px}.tr-example dl{grid-template-columns:1fr;gap:2px}.tr-example dd{margin-bottom:8px}}