/* Only the two homepage sampling widgets; the product-page widgets and site skin stay intact. */
.sampling-demo{scroll-margin-top:110px;gap:5%;grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr);align-items:start}
.sampling-demo .signal-copy h2{font-size:34px;font-weight:500;line-height:1.4}
.sampling-demo .signal-copy p{font-size:15px;line-height:1.85}
.sampling-demo .signal-copy .small{font-size:13px;line-height:1.8;color:#52616c}
.sampling-demo .signal-instrument{padding:24px;overflow:hidden}
.sampling-demo .signal-top{font-size:12px;line-height:1.6;letter-spacing:.02em;gap:16px;flex-wrap:wrap}
.sampling-plot{display:block;width:100%;height:264px;margin:18px 0 8px;overflow:visible}
.sampling-plot text{font:12px Arial,sans-serif;fill:#566572}
.sampling-grid{stroke:#e2e7ed;stroke-width:1}.sampling-zero{stroke:#bcc7d1}
.sampling-original{fill:none;stroke:#2c60b1;stroke-width:4;stroke-dasharray:7 6;opacity:.75}
.sampling-display{fill:none;stroke:#b64e12;stroke-width:2.3;stroke-linejoin:round}
.sampling-dot{fill:#fff;stroke:#a74610;stroke-width:1.8}
.sampling-demo .signal-legend{justify-content:flex-start;flex-wrap:wrap;gap:8px 18px;font-size:12px;line-height:1.6;color:#4a5965}
.sampling-demo .signal-legend>span{display:inline-flex;align-items:center;gap:7px}
.sampling-key{display:inline-block;width:23px;height:0;border-top:2px solid #b64e12;flex:none}
.sampling-key--original{border-top:3px dashed #2c60b1}.sampling-key--dot{width:8px;height:8px;background:#fff;border:2px solid #a74610;border-radius:50%}
.sampling-demo .signal-control{grid-template-columns:auto minmax(60px,1fr) 52px;gap:14px;font-size:14px;margin-top:18px;padding-top:16px}
.sampling-demo .signal-control input{min-height:44px;margin:0;accent-color:#b64e12;cursor:pointer}
.sampling-demo .signal-control output{font-size:16px;color:#a74610;font-weight:600}
.sampling-presets{display:flex;flex-wrap:wrap;gap:8px;margin-top:7px}
.sampling-presets button{font:inherit;font-size:13px;color:#42515c;min-height:40px;padding:6px 12px;background:#fff;border:1px solid #cad3da;cursor:pointer;font-variant-numeric:tabular-nums}
.sampling-presets button[aria-pressed="true"]{background:#fff3e9;border-color:#ad4b12;color:#93400f}
.sampling-mode{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:center;margin-top:20px;font-size:13px}
.sampling-mode select{min-width:0;width:100%;min-height:44px;padding:9px 30px 9px 10px;background-color:#fff;color:#273b4a;border:1px solid #b8c5d0;font:inherit;cursor:pointer}
.sampling-demo :is(button,input,select,summary,a):focus-visible{outline:3px solid #2c60b1;outline-offset:3px}
.sampling-mode-help{font-size:12px;line-height:1.7;color:#596773;margin:10px 0 0}
.sampling-demo .signal-feedback{font-size:14px;line-height:1.8;color:#354958;border-left:3px solid #b64e12;padding:0 0 0 12px;margin-top:17px;min-height:76px}
.sampling-details{border-top:1px solid #dce3e9;margin-top:16px;padding-top:10px;color:#52616c;font-size:12px;line-height:1.8}
.sampling-details summary{cursor:pointer;min-height:40px;display:list-item;padding-block:9px;font-size:13px;color:#364b5c}
.sampling-details p{margin:8px 0}.sampling-sources a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:1100px){.sampling-demo{grid-template-columns:minmax(0,1fr);gap:25px}.sampling-demo .signal-copy h2 br{display:none}.sampling-demo .signal-copy p{max-width:72ch}}
@media(max-width:600px){.sampling-demo .signal-instrument{padding:16px 12px}.sampling-demo .signal-copy h2{font-size:27px}.sampling-demo .signal-top{font-size:11px}.sampling-demo .signal-control{gap:9px;font-size:13px;grid-template-columns:auto minmax(60px,1fr) 50px}.sampling-mode{grid-template-columns:1fr;gap:5px}.sampling-demo .signal-feedback{min-height:100px}.sampling-presets{gap:6px}.sampling-presets button{padding:6px 10px;min-height:44px}.sampling-demo .signal-legend{gap:5px 12px}.sampling-mode select{font-size:14px}}