/* Styles for kit/widgets.js figures and the research desk. Loaded by every dissection page. */
.dx-w-body { overflow-x: auto; }
.dx-step[data-kind="research"] { background: linear-gradient(180deg, #f7f4ff 0, transparent 220px); }
.dx-step[data-kind="research"] .dx-step-meta::after {
  content: "Research desk"; margin-left: auto; padding: 2px 8px; border-radius: 999px;
  background: #4c1d95; color: #fff; font-size: 9.5px; letter-spacing: .12em;
}
.dx-step[data-kind="research"]::before { background: #6d28d9 !important; }
.dx-claim { display: grid; grid-template-columns: 112px 1fr; gap: 6px 12px; margin: 14px 0 16px; font: 400 14px/1.5 var(--dx-sans); }
.dx-claim > b { font-size: 10.5px; text-transform: uppercase; letter-spacing: .1em; color: #6d28d9; padding-top: 2px; }
.dx-claim > div { color: var(--dx-ink); }
.dx-verdict { display: inline-block; padding: 1px 8px; border-radius: 999px; font: 700 10.5px var(--dx-sans); letter-spacing: .06em; text-transform: uppercase; }
.dx-verdict.is-yes { background: #dcfce7; color: #166534; }
.dx-verdict.is-no { background: #fee2e2; color: #991b1b; }
.dx-verdict.is-mixed { background: #fef3c7; color: #92400e; }
.dx-avenues li { font: 400 15px/1.55 var(--dx-serif) !important; }
.dx-kbd { font: 600 11px var(--dx-mono); border: 1px solid var(--dx-rule); border-bottom-width: 2px; border-radius: 4px; padding: 0 4px; background: #fff; }