.oversampling-demo{margin:28px 0;padding:clamp(16px,3vw,28px);border:1px solid #bac8da;border-radius:16px;background:#f4f6fb;color:#192030}.oversampling-demo h3{font-size:1.35rem}.oversampling-demo p,.oversampling-demo label,.oversampling-demo figcaption{color:#374153;font-size:1rem;line-height:1.55}.os-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:20px 0}.os-controls label{display:block;font-weight:700}.os-controls output{display:block;color:#1655ce}.os-controls input{display:block;width:100%;min-height:36px;accent-color:#1655ce}.os-controls select,.oversampling-demo button{font:inherit;padding:9px;background:white;color:#192030;border:1px solid #7c8798;border-radius:6px;max-width:100%}.os-controls select{margin-top:12px}.os-stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.os-stages figure{margin:0;padding:12px;background:#fff;border-radius:10px;min-width:0}.os-stages figcaption{min-height:3.2em;font-weight:700}.os-stages svg{display:block;width:100%;height:auto}.os-stages svg text{font:11px system-ui,sans-serif;fill:#374153}.oversampling-demo details{margin-top:16px}.oversampling-demo summary{cursor:pointer;font-weight:700}.oversampling-demo button{cursor:pointer}.oversampling-demo :focus-visible{outline:3px solid #1655ce;outline-offset:3px}@media(max-width:850px){.os-stages,.os-controls{grid-template-columns:1fr}.os-stages figcaption{min-height:0}}