.sl-markdown-content .explainer{--demo-blue:#216eb2;--demo-orange:#b95712;--demo-green:#15765e;--demo-muted:var(--sl-color-gray-2);border:1px solid var(--sl-color-hairline-light);background:var(--sl-color-bg-sidebar);color:var(--sl-color-text);border-radius:.85rem;margin:1.75rem 0;padding:clamp(.9rem,3vw,1.5rem)}:root[data-theme=dark] .explainer{--demo-blue:#7fc3ff;--demo-orange:#ffb47a;--demo-green:#76d9b6}.explainer :is(p,div,svg,button,label,input,output,select,figure,figcaption,ul,li){margin-block:0}.explainer .explainer-heading{margin-bottom:1rem}.explainer .explainer-kind{color:var(--sl-color-text-accent);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:700;display:block}.explainer .explainer-title{color:var(--sl-color-white);margin-top:.3rem;font-size:1.2rem;font-weight:650}.explainer figcaption{color:var(--sl-color-gray-2);margin-top:1rem;font-size:.85rem;line-height:1.6}.explainer :is(cad-pipeline-demo,cad-spring-demo,cad-evidence-demo){display:block}.explainer .demo-svg{width:100%;height:auto;display:block;overflow:visible}.explainer .demo-svg text{fill:var(--sl-color-text);font:15px system-ui,sans-serif}.explainer .demo-svg .small{font-size:12px}.explainer .demo-svg .axis{stroke:var(--sl-color-gray-3);stroke-width:1px;fill:none}.explainer .demo-svg .grid{stroke:var(--sl-color-hairline-light);stroke-width:1px;fill:none}.explainer .demo-svg .blue{stroke:var(--demo-blue);fill:none;stroke-width:4px}.explainer .demo-svg .orange{stroke:var(--demo-orange);fill:none;stroke-width:4px}.explainer .demo-svg .ghost{stroke:var(--sl-color-gray-3);fill:none;stroke-width:2px;stroke-dasharray:6 5}.explainer .demo-controls{flex-wrap:wrap;align-items:center;gap:.6rem;margin:1rem 0;display:flex}.explainer :is(button,select){font:inherit;border:1px solid var(--sl-color-gray-3);background:var(--sl-color-bg);color:var(--sl-color-white);cursor:pointer;border-radius:.35rem;min-height:44px;padding:.45rem .8rem;font-size:.9rem}.explainer button[aria-pressed=true]{background:var(--sl-color-accent-low);border-color:var(--demo-blue)}.explainer button:disabled{opacity:.65;cursor:default}.explainer :is(button,input,select):focus-visible{outline:3px solid var(--sl-color-text-accent);outline-offset:3px}.explainer .demo-sliders{gap:.8rem;margin-top:1rem;display:grid}.explainer .demo-slider{grid-template-columns:1fr auto;align-items:center;gap:.3rem 1rem;font-size:.9rem;display:grid}.explainer input[type=range]{width:100%;min-width:0;min-height:32px;accent-color:var(--demo-blue);grid-column:1/-1}.explainer .demo-readouts{grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;margin-top:1rem;display:grid}.explainer .demo-readouts>div{background:var(--sl-color-bg);border-radius:.4rem;min-width:0;padding:.7rem}.explainer .demo-readouts span{color:var(--sl-color-gray-2);font-size:.78rem;display:block}.explainer .demo-readouts output{font-variant-numeric:tabular-nums;font-size:1.03rem;font-weight:650;display:block}.explainer .demo-note{margin-top:.75rem;font-size:.85rem}.explainer .demo-status{min-height:3.3em;margin-top:.7rem;font-size:.9rem}.explainer .demo-legend{flex-wrap:wrap;gap:.5rem 1.25rem;margin-top:.6rem;font-size:.8rem;display:flex}.explainer .demo-legend span:before{content:"";border-top:3px solid var(--demo-blue);vertical-align:middle;width:1.3em;height:0;margin-right:.4em;display:inline-block}.explainer .demo-legend .legend-orange:before{border-color:var(--demo-orange)}.explainer .demo-legend .legend-ghost:before{border-color:var(--sl-color-gray-3);border-top-style:dashed}.explainer .demo-screen-reader{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.explainer .pipeline-stages{grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;display:grid}.explainer .pipeline-stages button{text-align:start;font-size:.82rem}.explainer .pipeline-stages strong{font-size:1.1rem;display:block}.explainer [data-stage-visual]{opacity:.55;transition:opacity .18s}.explainer [data-stage-visual][data-active]{opacity:1}.explainer .demo-evidence-table{width:100%;font-size:.85rem}@media (width<=450px){.explainer .demo-svg text{font-size:22px}.explainer .demo-svg .small{font-size:18px}.explainer .pipeline-stages{grid-template-columns:repeat(2,minmax(0,1fr))}.explainer .demo-readouts{grid-template-columns:1fr}.explainer .demo-readouts>div{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}}@media (prefers-reduced-motion:reduce){.explainer *,.explainer :before,.explainer :after{transition:none!important;animation:none!important}}@media print{.explainer .demo-controls,.explainer .demo-sliders,.explainer .pipeline-stages{display:none}.explainer{break-inside:avoid}}