.evidence-visual{margin:25px 0;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.ev-heading h3{font-size:16px;margin-bottom:7px}.ev-heading>p:not(.eyebrow){font-size:10px!important;color:var(--soft)}.ev-steps{display:flex;gap:5px;margin:18px 0 14px}.ev-steps button{border:1px solid var(--line);border-radius:4px;padding:7px 9px;flex:1;font-size:10px;color:var(--muted);white-space:nowrap}.ev-steps button span{font:8px var(--mono);margin-right:5px;color:var(--soft)}.ev-steps button[aria-pressed=true]{background:#213c35;color:var(--mint);border-color:#5b8175}.ev-diagram{overflow-x:auto;scrollbar-width:thin}.ev-diagram svg{width:100%;min-width:470px;display:block}.ev-description{font-size:12px;line-height:1.9;color:var(--text);padding:15px 0;min-height:76px}.ev-toggle{display:flex;gap:8px;color:var(--muted);font-size:11px;align-items:center}.ev-toggle input{margin:0}.ev-alternative{margin-top:14px;background:#3a2e263b;border-left:2px solid var(--gold);padding:14px}.ev-alternative strong{display:block;color:var(--gold);font-size:12px;margin-bottom:6px}.ev-alternative small{font-size:9px;color:var(--soft);line-height:1.7;display:block;margin-top:9px}@media(max-width:450px){.ev-steps button{font-size:9px;padding:6px 4px}.ev-steps button span{display:none}}

/* SVG presentation attributes inherit these tokens and update without a remount. */
.evidence-visual{--ev-mint:#96dfcf;--ev-blue:#7caedf;--ev-gold:#e9bd7c;--ev-rose:#dca0ba;--ev-muted:#b5c7cf;--ev-card:#10232f;--ev-card-active:#193039;--ev-border:#48636e;--ev-edge:#789eaa;--ev-edge-active:#82b5a7;--ev-object:#1b303d;--ev-instrument:#264555;--ev-target:#19362f;--ev-enzyme:#466d6d;--ev-bead:#526f7d;--ev-readout:#13252e;--ev-claim:#302c24}
html[data-theme="light"] .evidence-visual{--ev-mint:#1c6755;--ev-blue:#315e8a;--ev-gold:#825b18;--ev-rose:#94465e;--ev-muted:#4f6262;--ev-card:#f5f8f4;--ev-card-active:#e5f0e7;--ev-border:#bdcec5;--ev-edge:#5c7e78;--ev-edge-active:#3e7d68;--ev-object:#e7eff1;--ev-instrument:#dce8ed;--ev-target:#e1eee5;--ev-enzyme:#c4dbd0;--ev-bead:#d2e1eb;--ev-readout:#f3f7f5;--ev-claim:#faf0dc}
.ev-steps button[aria-pressed=true]{background:var(--ev-card-active);color:var(--ev-mint);border-color:var(--ev-edge-active)}
.ev-steps button:hover{background:var(--ev-card-active);color:var(--ev-mint)}
.ev-alternative{background:var(--surface-soft);color:var(--text)}
#evidencePage .sheet{background:var(--panel);color:var(--text);border-color:var(--line);border-radius:15px}
#evidencePage .conclusion{background:var(--surface-soft);border-color:var(--gold)}
#evidencePage .conclusion p{color:var(--text)}
#evidencePage .conclusion .eyebrow{color:var(--gold)}
#evidencePage .control-item{padding:8px;border:1px solid transparent;border-radius:7px}
#evidencePage .control-item:has(input:checked){background:var(--accent-soft);border-color:var(--line);color:var(--text)}
#evidencePage .control-item:hover{background:var(--surface-soft)}
#evidencePage .control-item:focus-within{outline:2px solid var(--mint);outline-offset:2px}
#evidencePage .ev-alternative{background:var(--surface-soft)}
#evidencePage{--soft:#a9bec5}
html[data-theme="light"] #evidencePage{--soft:#536b65}
#evidencePage a:hover{color:var(--text)}
#evidencePage button:not(.primary):hover{color:var(--mint)}
#evidencePage .primary.secondary:hover{color:var(--mint);background:var(--accent-soft)}
html[data-theme="light"] #evidencePage{--gold:#805617}
#evidencePage .evidence-layout>div,#evidencePage .sheet{min-width:0}
#evidencePage :is(select,textarea){min-width:0;max-width:100%}
#evidencePage .ev-diagram{min-width:0;max-width:100%}
#evidencePage .notebook-actions{flex-wrap:wrap}
#evidencePage .source-links{overflow-wrap:anywhere}
@media(max-width:760px){#evidencePage .evidence-layout{grid-template-columns:minmax(0,1fr)}}

/* Replace the legacy intentional dark drawing surface for this themed assay. */
.evidence-visual{--ev-canvas:#0d1b25;--ev-gel:#1b2c42;--ev-text:#e7eee9}
html[data-theme="light"] .evidence-visual{--ev-canvas:#edf4ee;--ev-gel:#e3eaf0;--ev-text:#173f3e}
#evidencePage .ev-diagram{--text:var(--ev-text);--muted:var(--ev-muted);--soft:var(--ev-muted);--mint:var(--ev-mint);--blue:var(--ev-blue);--gold:var(--ev-gold);--rose:var(--ev-rose);background:var(--ev-canvas);color:var(--ev-text);border-color:var(--ev-border);color-scheme:inherit;border-radius:10px}
