.mechanism-compare-suite{display:grid;margin-top:1.15rem;border-top:1px solid var(--rx-line);font-family:var(--rx-sans)}
.mechanism-tool-band{display:grid;gap:.85rem;padding:1.15rem 0;border-bottom:1px solid var(--rx-line)}
.mechanism-tool-band:last-child{border-bottom:0;padding-bottom:.15rem}
.mechanism-tool-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem}
.mechanism-tool-heading h3{margin:.2rem 0 0;font:800 1.05rem/1.35 var(--rx-sans);letter-spacing:0}
.mechanism-compare-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.35rem;padding:.28rem;border:1px solid var(--rx-line);border-radius:8px;background:var(--rx-surface-2)}
.mechanism-compare-controls button{display:grid;place-items:center;align-content:center;gap:.08rem;min-width:0;min-height:52px;padding:.42rem .5rem;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--rx-ink);font:800 .72rem/1.25 var(--rx-sans)}
.mechanism-compare-controls button small{color:var(--rx-muted);font-size:.62rem;font-weight:650}
.mechanism-compare-controls button:hover{border-color:#a7b7c0;background:#fff}
.mechanism-compare-controls button.active{border-color:var(--rx-blue);background:var(--rx-blue);color:#fff}
.mechanism-compare-controls button.active small{color:#dcebf3}
.mechanism-compare-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(250px,.6fr);gap:.85rem;align-items:stretch}
.mechanism-compare-chart{min-width:0;min-height:290px;border:1px solid var(--rx-line);background:#fbfaf7}
.mechanism-compare-chart svg,.mechanism-split-chart svg{display:block;width:100%;height:100%;min-height:250px}
.mechanism-compare-readout{display:grid;align-content:start;gap:.7rem;padding:.8rem;border:1px solid var(--rx-line);background:#fff}
.mechanism-compare-copy{display:grid;gap:.35rem;min-height:112px;padding-bottom:.65rem;border-bottom:1px solid var(--rx-line);color:var(--rx-muted);font:500 .75rem/1.48 var(--rx-sans)}
.mechanism-compare-copy strong{color:var(--rx-ink);font-size:.82rem}
.mechanism-compare-metrics,.mechanism-split-metrics{display:grid;gap:.35rem}
.mechanism-compare-metrics>div,.mechanism-split-metrics>div{display:grid;grid-template-columns:1fr auto;gap:.5rem;align-items:center;padding:.42rem .5rem;border-left:3px solid #97a5ad;background:#f3f5f5;color:var(--rx-muted);font:700 .68rem var(--rx-sans)}
.mechanism-compare-metrics strong,.mechanism-split-metrics strong{color:var(--rx-ink);font-size:.72rem}
.mechanism-compare-metrics [data-level=low],.mechanism-split-metrics [data-level=low]{border-left-color:var(--rx-teal);background:var(--rx-teal-soft)}
.mechanism-compare-metrics [data-level=high],.mechanism-split-metrics [data-level=high]{border-left-color:var(--rx-orange);background:var(--rx-orange-soft)}
.mechanism-qualitative-note{margin:0;color:var(--rx-muted);font:600 .64rem/1.45 var(--rx-sans)}
.mechanism-split-heading output{padding:.3rem .48rem;border:1px solid var(--rx-line);background:#fff;color:var(--rx-blue);font:800 .72rem var(--mono,"Cascadia Mono",Consolas,monospace);white-space:nowrap}
.mechanism-split-scrubber{display:grid;grid-template-columns:auto minmax(180px,1fr);gap:.7rem;align-items:center;color:var(--rx-muted);font:700 .7rem var(--rx-sans)}
.mechanism-split-scrubber input,.mechanism-tour-controls>input{width:100%;accent-color:var(--rx-blue)}
.mechanism-split-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}
.mechanism-split-panel{display:grid;align-content:start;gap:.55rem;min-width:0;padding:.7rem;border:1px solid var(--rx-line);border-top:4px solid var(--rx-blue);background:#fff}
.mechanism-split-panel+article{border-top-color:var(--rx-teal)}
.mechanism-split-panel header{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;min-height:45px}
.mechanism-split-panel h4{margin:.12rem 0 0;font:800 .8rem/1.3 var(--rx-sans);letter-spacing:0}
.mechanism-panel-kicker{color:var(--rx-muted);font:800 .6rem var(--rx-sans);letter-spacing:.08em}
.mechanism-split-panel header>strong{min-width:3.4rem;padding:.25rem .35rem;background:var(--rx-surface-2);color:var(--rx-orange);text-align:right;font:800 .85rem var(--mono,"Cascadia Mono",Consolas,monospace)}
.mechanism-split-chart{aspect-ratio:14/6.25;min-width:0;overflow:hidden;border:1px solid #e0ddd6;background:#fbfaf7}
.mechanism-split-chart svg{min-height:0}
.mechanism-tour-band{grid-template-columns:minmax(0,.82fr) minmax(340px,1.18fr);align-items:center}
.mechanism-tour-copy h3{margin:.2rem 0 .4rem;font:800 1.05rem/1.35 var(--rx-sans);letter-spacing:0}
.mechanism-tour-copy p:last-child{min-height:3.5rem;margin:0;color:var(--rx-muted);font:600 .74rem/1.5 var(--rx-sans);white-space:pre-line}
.mechanism-tour-controls{display:grid;gap:.65rem;padding:.75rem;border:1px solid var(--rx-line);background:#fbfaf7}
.mechanism-tour-actions{display:grid;grid-template-columns:minmax(190px,1fr) auto auto;gap:.5rem;align-items:center}
.mechanism-tour-actions button{border-radius:6px;white-space:normal}
.mechanism-tour-actions label{display:grid;gap:.12rem;color:var(--rx-muted);font:700 .61rem var(--rx-sans)}
.mechanism-tour-actions select{min-height:36px;padding:.3rem 1.8rem .3rem .45rem;border:1px solid var(--rx-line);border-radius:4px;background:#fff;color:var(--rx-ink);font:700 .7rem var(--rx-sans)}
.mechanism-tour-actions output{padding:.3rem .4rem;border:1px solid var(--rx-line);background:#fff;color:var(--rx-blue);font:800 .68rem var(--mono,"Cascadia Mono",Consolas,monospace);white-space:nowrap}
.mechanism-tour-cues{display:grid;grid-template-columns:8fr 10fr 9fr 11fr 10fr 10fr 7fr;color:var(--rx-muted);font:650 .56rem/1.2 var(--rx-sans)}
.mechanism-tour-cues span{min-width:0;border-left:1px solid var(--rx-line);padding-left:.28rem;overflow-wrap:anywhere}
.mechanism-tour-cues span:last-child{border-right:1px solid var(--rx-line)}
@media(max-width:1100px){.mechanism-compare-grid{grid-template-columns:1fr}.mechanism-compare-copy{min-height:0}.mechanism-tour-band{grid-template-columns:1fr}}
@media(max-width:760px){.mechanism-tool-heading{display:grid;align-items:start}.mechanism-compare-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.mechanism-split-grid{grid-template-columns:1fr}.mechanism-split-scrubber{grid-template-columns:1fr}.mechanism-tour-actions{grid-template-columns:1fr auto}.mechanism-tour-actions button{grid-column:1/-1}.mechanism-tour-cues{font-size:.48rem}.mechanism-compare-chart{min-height:230px}.mechanism-compare-chart svg{min-height:220px}}
@media(max-width:390px){.mechanism-compare-controls{grid-template-columns:1fr}.mechanism-tour-actions{grid-template-columns:1fr}.mechanism-tour-actions label,.mechanism-tour-actions output{width:100%}.mechanism-tour-cues{display:none}.mechanism-split-panel{padding:.55rem}.mechanism-tool-band{padding:1rem 0}}
@media(prefers-reduced-motion:reduce){.mechanism-compare-controls button,.mechanism-tour-actions button{transition:none}}