@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=IBM+Plex+Mono:wght@400;450;500;600&display=swap');
:root{--blue:#245cf3;--blue-pale:#ecf1ff;--ink:#182439;--muted:#7b8392;--line:#e7eaf0;--paper:#f6f7f9;--mono:'IBM Plex Mono',monospace;--sans:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,label:has(input:focus-visible){outline:3px solid #94b0ff;outline-offset:4px}button:disabled{opacity:.5;cursor:wait}.site-header{height:83px;background:#fff;border-bottom:1px solid var(--line);padding:0 max(38px,calc((100vw - 1400px)/2));display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;font-weight:700;font-size:25px;letter-spacing:-1.1px}.brand-light{font-weight:450}.brand-dot{color:var(--blue)}.brand-icon{background:var(--blue);height:34px;width:34px;border-radius:10px;display:flex;justify-content:center;gap:3px;align-items:center;margin-right:11px}.brand-icon i{display:block;width:2px;height:10px;background:white;border-radius:2px}.brand-icon i:nth-child(2){height:17px}.brand-icon i:nth-child(3){height:24px}.brand-icon i:nth-child(4){height:14px}.brand-icon i:nth-child(5){height:8px}nav{display:flex;align-items:center;gap:32px;height:100%}nav a{color:#778090;font-size:13px;font-weight:550;display:flex;align-items:center;height:100%;position:relative;white-space:nowrap}.nav-active{color:var(--blue)}.nav-active:after{position:absolute;bottom:0;left:0;right:0;content:'';height:3px;background:var(--blue)}nav a span{font-family:var(--mono);font-size:10px;padding:2px 6px;background:#eff1f5;margin-left:6px;border-radius:4px}.course-tag{font:10px var(--mono);letter-spacing:1px;display:flex;align-items:center;gap:9px;color:#7b8493}.status-dot,.ready-dot{height:6px;width:6px;background:#31ac80;border-radius:100%;display:inline-block}.status-dot{box-shadow:0 0 0 4px #effaf5}main{max-width:1400px;margin:auto;padding:0 38px}.intro{display:flex;align-items:center;justify-content:space-between;padding:42px 0 30px;gap:30px}.eyebrow{font:10px var(--mono);font-weight:500;letter-spacing:1.5px;color:#7c8798}.intro h1{font-size:37px;line-height:1.2;letter-spacing:-1.3px;margin:10px 0 9px;font-weight:650}.intro h1 span{color:var(--blue)}.intro p{margin:0;color:#7f8795;font-size:14px}.local-note{display:flex;gap:12px;align-items:center;color:#8a92a0}.local-note strong{display:block;font-size:11px;font-weight:550;color:#586578;margin-bottom:4px}.local-note span{font-size:10px}.lock-icon{font-size:25px!important;border:1px solid #dde3ec;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%}.workspace{display:grid;grid-template-columns:306px minmax(0,1fr);gap:22px;align-items:start}.control-panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px}.panel-heading{display:flex;align-items:center;gap:8px;margin-bottom:18px}.step-no{font:10px var(--mono);color:var(--blue);background:var(--blue-pale);padding:4px 5px;border-radius:4px}.panel-heading h2{font-size:14px;font-weight:650;margin:0;letter-spacing:-.2px}.small-label{font:9px var(--mono);letter-spacing:1px;color:#a0a6b0;margin-left:auto}.drop-zone{display:flex;align-items:center;justify-content:center;flex-direction:column;border:1px dashed #b9c9ed;border-radius:7px;background:#f8faff;min-height:143px;cursor:pointer;transition:.2s}.drop-zone:hover,.drop-zone.dragging{background:#edf2ff;border-color:var(--blue)}.upload-icon{font-size:27px;color:var(--blue);height:37px}.drop-zone strong{font-size:12px;font-weight:550}.drop-zone>span:not(.upload-icon){font-size:11px;margin-top:4px;color:#8a91a0}.drop-zone u{color:var(--blue);text-decoration:none}.drop-zone small{font-size:8px;margin:12px 0 0;color:#a1a9b6}.demo-label{font:8px var(--mono);color:#9ba3b1;letter-spacing:.7px;margin:17px 0 9px}.demo-buttons{display:flex;gap:5px}.demo{background:#fff;border:1px solid var(--line);border-radius:5px;font-size:9px;padding:8px 7px;flex:1;white-space:nowrap}.demo span{margin-right:4px;font-size:12px}.demo.active{background:var(--blue-pale);color:var(--blue);border-color:#d7e2ff}.source-info{display:flex;align-items:center;gap:10px;margin-top:16px;padding:11px 9px;border-radius:5px;background:#f7f8fa}.file-icon{background:white;border:1px solid #e9edf3;border-radius:4px;display:flex;align-items:center;justify-content:center;width:28px;height:32px;color:#9fa9ba}.source-info>div{min-width:0;flex:1}.source-info strong{display:block;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:550}.source-info div span{display:block;font:8px var(--mono);color:#9ba3af;margin-top:4px}.ready-dot{height:5px;width:5px}.divider{height:1px;background:var(--line);margin:23px 0}.text-button{background:none;border:0;color:#9098a6;font-size:9px;margin-left:auto;padding:5px 0}.control{margin-top:20px}.control-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px}.control-title label{font-size:11px;font-weight:550}.unit{font:9px var(--mono);color:#9aa3b2}.subtle{color:#9099a8;font-weight:400}select{width:100%;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='m3 5 3 3 3-3' fill='none' stroke='%23818d9e' stroke-width='1.3'/%3E%3C/svg%3E") no-repeat right 12px center;border:1px solid #dfe4ec;border-radius:5px;padding:11px 28px 11px 11px;font:11px var(--mono);color:#3c4a60;cursor:pointer}.control p{font-size:9px;color:#99a1af;margin:7px 0 0;line-height:1.5}.control output{font:10px var(--mono);color:var(--blue);background:var(--blue-pale);border-radius:4px;padding:3px 6px}input[type=range]{--range-progress:50%;appearance:none;background:linear-gradient(to right,var(--blue) 0%,var(--blue) var(--range-progress),#e8edf5 var(--range-progress),#e8edf5 100%);height:3px;display:block;width:100%;border-radius:5px;cursor:pointer;margin:16px 0 12px}input[type=range]::-webkit-slider-thumb{appearance:none;height:12px;width:12px;border-radius:50%;background:var(--blue);border:3px solid #fff;box-shadow:0 0 0 1px var(--blue)}input[type=range]::-moz-range-thumb{height:7px;width:7px;border-radius:50%;background:var(--blue);border:3px solid #fff;box-shadow:0 0 0 1px var(--blue)}.range-labels{display:flex;justify-content:space-between;font:8px var(--mono);color:#9fa7b3}.segmented{display:flex;border:1px solid var(--line);background:#f6f8fa;padding:3px;gap:4px;border-radius:6px}.segmented button{flex:1;border:1px solid transparent;border-radius:4px;padding:8px 5px;background:transparent;font-size:10px;color:#9199a6}.segmented button span{font:8px var(--mono);margin-left:3px;opacity:.7}.segmented button.selected{background:#fff;color:var(--blue);border-color:#e3e9f3;box-shadow:0 1px 2px #22335508}.switch-row{display:flex;align-items:center;margin:20px 0;cursor:pointer;position:relative}.switch-row strong{font-size:10px;font-weight:550;display:block}.switch-row small{font-size:8px;display:block;color:#9ba4b0;margin-top:4px}.switch-row input{position:absolute;right:0;opacity:0}.switch-track{margin-left:auto;width:29px;height:17px;background:#d3dae6;position:relative;border-radius:10px;flex-shrink:0}.switch-track:after{content:'';height:11px;width:11px;background:white;border-radius:50%;position:absolute;top:3px;left:3px;transition:.2s}.switch-row input:checked+.switch-track{background:var(--blue)}.switch-row input:checked+.switch-track:after{left:15px}.download-button{width:100%;padding:12px 8px;border:1px solid #e0e5ef;background:white;display:flex;align-items:center;justify-content:space-between;border-radius:6px;font-size:10px;font-weight:550}.download-button:hover{background:var(--blue-pale);border-color:#c3d4ff}.download-button span:first-child{font-size:15px}.download-button span:last-child{font-size:12px;color:#929dad}.export-note{font:8px var(--mono);text-align:center;color:#9ca5b3;margin:9px 0 0}.lab-main{display:flex;flex-direction:column;gap:18px;min-width:0}.signal-panel{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}.signal-heading{display:flex;justify-content:space-between;align-items:center;padding:23px 25px 20px}.signal-heading .eyebrow{font-size:9px;letter-spacing:1.3px}.signal-heading h2{margin:6px 0 0;font-size:20px;letter-spacing:-.55px;font-weight:550}.live-pill{font:8px var(--mono);color:#8492a3;letter-spacing:1px;display:flex;align-items:center;gap:6px;border:1px solid #e9edf3;border-radius:4px;padding:6px 7px}.live-pill i{height:4px;width:4px;background:#6ba68b;border-radius:50%}.view-toolbar{display:flex;align-items:center;justify-content:space-between;padding:0 25px;border-top:1px solid #f0f2f6;border-bottom:1px solid #f0f2f6;height:47px;gap:12px}.view-tabs{display:flex;align-items:center;height:100%;gap:22px}.view-tabs button{position:relative;height:100%;background:none;border:0;font-size:10px;color:#929baa;padding:0;white-space:nowrap}.view-tabs button.active{color:var(--blue);font-weight:550}.view-tabs button.active:after{position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--blue);content:''}.scope-caption{font:8px var(--mono);color:#a1a9b6}.plot-wrap{position:relative;padding:0 13px 0 18px;background:#fcfdff}canvas{display:block;width:100%;height:290px;touch-action:pan-y;cursor:crosshair}.plot-y-label{position:absolute;left:10px;top:111px;writing-mode:vertical-rl;transform:rotate(180deg);font:7px var(--mono);letter-spacing:1px;color:#b0b7c4;pointer-events:none}.plot-hint{position:absolute;bottom:35px;right:23px;background:#fff9;backdrop-filter:blur(4px);border:1px solid #e8edf5;padding:6px 8px;border-radius:4px;font-size:8px;color:#9aa5b7;pointer-events:none}.plot-hint span{color:#7189bc;margin-left:5px}.plot-legend{display:flex;align-items:center;gap:18px;padding:9px 25px 14px;font-size:9px;color:#8894a6;background:#fcfdff}.plot-legend>span{display:flex;align-items:center;gap:6px}.line-key{height:2px;width:15px;display:inline-block;background:#bcc8de}.dot-key{height:5px;width:5px;background:var(--blue);border-radius:50%;display:inline-block}.plot-legend label{margin-left:auto;display:flex;align-items:center;gap:4px;cursor:pointer}.plot-legend input{accent-color:#f4a354;height:11px;width:11px}.scope-controls{display:flex;align-items:center;padding:13px 25px;gap:12px;border-top:1px solid #edf0f5;font-size:8px;color:#9aa4b2}.scope-controls label{white-space:nowrap}.scope-controls input{flex:1;width:auto;margin:0;min-width:30px}.scope-controls output{font:8px var(--mono);min-width:51px}.scope-controls select{width:68px;font-size:8px;padding:6px 18px 6px 7px;background-position:right 5px center}.zoom-label{margin-left:8px}.transport{display:flex;align-items:center;gap:17px;border-top:1px solid #edf0f5;padding:17px 25px;background:#fff}.play-button{background:var(--blue);border:0;color:white;height:38px;width:38px;display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0;box-shadow:0 3px 8px #245cf32c}.play-button svg{fill:currentColor;width:17px;height:17px}.listen-choices{display:flex;align-items:center;border:1px solid #e6eaf0;padding:3px;border-radius:5px;gap:3px}.listen-choices button{border:0;background:none;font-size:10px;color:#939cac;padding:8px 10px;border-radius:3px}.listen-choices button.selected{background:var(--blue-pale);color:var(--blue)}.listen-choices button span{font:7px var(--mono);margin-left:6px;opacity:.65}.play-time{font:10px var(--mono);color:#59677c;white-space:nowrap}.play-time>span:last-child{color:#a2aab6;font-size:9px}.icon-button{font-size:22px;color:#abb4c2;padding:0;border:0;background:none}.icon-button.selected{color:var(--blue)}.volume-label{font-size:15px;color:#8593a9;margin-right:-7px}.transport input{width:55px;margin:0}.space-hint{font:7px var(--mono);letter-spacing:.9px;color:#b0b7c3;margin-left:auto;white-space:nowrap}.metrics{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:10px;background:#fff;padding:21px 0}.metric{padding:0 23px;border-right:1px solid var(--line);min-width:0}.metric:last-child{border-right:0}.metric-label{font:8px var(--mono);letter-spacing:.9px;color:#929daf;display:flex;justify-content:space-between;align-items:center}.metric-label>span:last-child{font-size:12px;color:#a9b8d0}.metric-value{font:30px var(--mono);font-weight:450;letter-spacing:-1.2px;margin:9px 0 6px;white-space:nowrap}.metric-value small{font:10px var(--mono);letter-spacing:0;color:#9aa6b6;margin-left:7px}.metric:first-child .metric-value{color:var(--blue)}.metric p{font-size:8px;margin:0;line-height:1.6;color:#9ba5b4}.metric:first-child p{font-family:var(--mono);font-size:7px}.sample-panel{background:#edf2ff;border:1px solid #dae5ff;border-radius:10px;padding:21px 24px;color:#3b527e}.sample-panel-heading{display:flex;align-items:center;gap:10px}.tiny-square{font:9px var(--mono);padding:7px;background:#dce6ff;color:var(--blue);border-radius:5px}.sample-panel .eyebrow{font-size:7px;letter-spacing:1px;color:#7b91b9}.sample-panel h3{font-size:12px;margin:4px 0 0;font-weight:500;letter-spacing:-.1px}.sample-index{margin-left:auto;color:#91a4c7;font:7px var(--mono)}.sample-values{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:24px 0 18px}.sample-value-label{display:block;font:7px var(--mono);color:#8a9fc4;letter-spacing:.4px;margin-bottom:7px;white-space:nowrap}.sample-values strong{font:20px var(--mono);letter-spacing:-.4px;font-weight:450}.binary-value{color:var(--blue);overflow-wrap:anywhere;font-size:20px!important;line-height:1.5}.binary-column{max-width:47%}.flow-arrow{color:#a0b4d9;font-size:17px}.sample-panel>p{margin:0;color:#8a9dc0;font-size:8px;line-height:1.6}.status-message{font-size:12px;line-height:1.6;color:#5d7399;min-height:0;padding:0 0 0 328px}.status-message:not(:empty){padding-top:13px}.status-message.error{color:#b34a43}.learning{margin-top:52px}.section-intro{display:flex;justify-content:space-between;gap:35px;align-items:end;margin-bottom:25px}.section-intro h2,.compression-panel h2{font-size:25px;font-weight:550;letter-spacing:-.7px;margin:8px 0 0}.section-intro>p{max-width:370px;font-size:11px;line-height:1.8;color:#949dac;margin:0}.concept-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.concept-card{background:#fff;border:1px solid var(--line);border-radius:9px;padding:23px}.concept-number{font:8px var(--mono);letter-spacing:1px;color:#9ba6b7}.concept-card svg{display:block;width:100%;height:55px;margin:16px 0}.concept-wave{fill:none;stroke:#a7bae2;stroke-width:1.4}.concept-stems{fill:none;stroke:var(--blue);stroke-width:1.8}.concept-grid-line{fill:none;stroke:#e8edf7;stroke-width:1;stroke-dasharray:3 3}.concept-channel{font:9px var(--mono);fill:#a3b4d5}.concept-card h3{font-size:14px;font-weight:550;margin:0 0 9px}.concept-card p{font-size:10px;color:#8f99a9;line-height:1.8;margin:0;min-height:54px}.concept-formula{font:8px var(--mono);color:#6f87b6;display:block;border-top:1px solid #eef1f5;margin-top:17px;padding-top:13px;line-height:1.7}.digital-note{display:flex;align-items:start;gap:10px;margin-top:17px;color:#97a1b1}.digital-note>span{border:1px solid #bdc8db;height:15px;min-width:15px;border-radius:50%;font:10px var(--mono);text-align:center;margin-top:2px}.digital-note p{font-size:9px;line-height:1.8;margin:0}.digital-note strong{font-weight:550;color:#7d8da5}.compression-panel{display:grid;grid-template-columns:1fr 1fr;gap:50px;background:#eaf0f8;border:1px solid #e0e8f4;border-radius:10px;padding:29px;margin-top:37px}.compression-panel .eyebrow{font-size:8px}.compression-panel h2{font-size:20px}.compression-panel p{font-size:10px;line-height:1.9;color:#8594a9;margin:12px 0 0;max-width:420px}.compression-control>div:first-child{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#7486a1;margin-top:5px}.compression-control output{font:12px var(--mono);color:var(--blue)}.compression-control input{margin:22px 0}.compression-comparison{display:flex;justify-content:space-between;gap:15px}.compression-comparison span{font-size:8px;color:#8fa0b9}.compression-comparison strong{display:block;font:15px var(--mono);color:#425c88;margin-top:6px}.compression-control small{display:block;font-size:8px;color:#92a2b9;line-height:1.8;margin-top:13px}.challenges{margin:46px 0}.challenge-side{font:9px var(--mono);color:#9aa5b6;letter-spacing:.2px}.challenge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.challenge-grid article{border:1px solid var(--line);border-radius:9px;padding:23px;background:#fff;display:flex;flex-direction:column}.challenge-tag{font:8px var(--mono);color:#8fa1be;letter-spacing:.5px}.challenge-grid h3{font-size:15px;font-weight:550;margin:15px 0 10px;letter-spacing:-.2px}.challenge-grid p{font-size:10px;line-height:1.8;color:#949dad;margin:0 0 20px;flex:1}.challenge-grid button{display:flex;justify-content:space-between;align-items:center;border:0;background:none;color:var(--blue);font-size:10px;padding:13px 0 0;border-top:1px solid #edf0f5;width:100%;text-align:left}.challenge-grid button:hover{color:#123db2}footer{border-top:1px solid #e2e7ef;padding:25px 0 30px;display:flex;gap:25px;align-items:center;flex-wrap:wrap}.footer-brand{font-size:17px}footer>span{font-size:9px;color:#a0a9b7}footer details{font-size:9px;color:#98a4b5;margin-left:auto}footer summary{cursor:pointer;list-style:none;color:#8c9bb0}footer details[open]{width:100%;order:3;margin:0}footer details p{font-size:10px;line-height:1.9}footer details a{color:var(--blue)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1450px){.workspace{grid-template-columns:320px minmax(0,1fr)}.control-panel{padding:24px}.signal-panel canvas{height:310px}.plot-y-label{top:125px}.transport{gap:22px}.sample-panel{padding:24px}.status-message{padding-left:342px}.control{margin-top:22px}}
@media(max-width:1120px){.site-header{padding:0 25px}.course-tag{display:none}main{padding:0 25px}.workspace{grid-template-columns:280px minmax(0,1fr);gap:17px}.control-panel{padding:18px}.signal-heading{padding:22px 20px}.view-toolbar{padding:0 20px}.scope-caption{display:none}.transport{padding:15px 20px;gap:12px}.space-hint{display:none}.volume-label{display:none}.transport input{width:40px}.metric{padding:0 16px}.metric-value{font-size:25px}.metric-value small{font-size:9px;margin-left:3px}.sample-panel{padding:20px}.sample-index{display:none}.sample-values{gap:9px}.sample-value-label{font-size:6px}.sample-values strong{font-size:18px}.binary-value{font-size:17px!important}.scope-controls{padding:13px 20px;gap:8px}.scope-controls label:first-child{font-size:7px}.status-message{padding-left:297px}.concept-card,.challenge-grid article{padding:19px}}
@media(max-width:850px){.intro h1{font-size:31px}.local-note{display:none}.workspace{grid-template-columns:245px minmax(0,1fr);gap:13px}.control-panel{padding:15px}.demo-buttons{gap:3px}.demo{padding:7px 4px;font-size:8px}.demo span{margin-right:2px}.transport{flex-wrap:wrap;gap:11px}.transport input,.volume-label{display:none}.listen-choices button{padding:7px 6px}.listen-choices button span{display:none}.metrics{padding:16px 0}.metric{padding:0 11px}.metric-label{font-size:6px;letter-spacing:.3px}.metric-value{font-size:21px;letter-spacing:-.5px}.metric-value small{font-size:7px}.metric p{font-size:7px}.metric:first-child p{font-size:6px}.metric-label>span:last-child{display:none}.sample-panel{padding:17px}.sample-panel .eyebrow{font-size:6px;letter-spacing:.6px}.sample-panel h3{font-size:10px}.sample-values{flex-wrap:wrap;justify-content:flex-start;gap:13px}.binary-column{flex-basis:100%;max-width:100%;border-top:1px solid #dbe5f8;padding-top:11px}.sample-values>.flow-arrow:nth-of-type(2){display:none}.plot-legend{padding-left:18px;padding-right:18px;gap:9px;font-size:7px}.plot-hint{font-size:7px;right:16px}.scope-controls label:first-child{display:none}.scope-controls .zoom-label{display:block}.concept-grid,.challenge-grid{gap:12px}.concept-card,.challenge-grid article{padding:17px}.concept-card p{font-size:9px}.concept-formula{font-size:7px}.section-intro>p{max-width:290px;font-size:10px}.compression-panel{gap:25px;padding:23px}.challenge-side{display:none}.challenge-grid h3{font-size:13px}.challenge-grid p{font-size:9px}.status-message{padding-left:258px}}
@media(max-width:650px){.site-header{height:68px;padding:0 19px;gap:15px}.brand{font-size:21px}.brand-icon{height:30px;width:30px;margin-right:8px}nav{gap:17px}nav a{font-size:10px}nav a:last-child{display:none}main{padding:0 16px}.intro{padding:29px 3px 24px}.eyebrow{font-size:8px;letter-spacing:1.2px}.intro h1{font-size:29px;letter-spacing:-1px}.intro p{font-size:11px}.workspace{display:flex;flex-direction:column;gap:16px}.control-panel{width:100%;padding:19px;display:grid;grid-template-columns:1fr 1fr;column-gap:17px}.control-panel>.panel-heading:first-child,.drop-zone,.demo-label,.demo-buttons,.source-info,.divider,.control-panel>.panel-heading:nth-of-type(6){grid-column:1/-1}.panel-heading{margin-bottom:12px}.drop-zone{min-height:100px;display:grid;grid-template-columns:30px auto;justify-content:center;column-gap:10px;padding:14px}.upload-icon{grid-row:1/3;height:auto;font-size:24px}.drop-zone strong{font-size:11px}.drop-zone small{grid-column:1/-1;text-align:center;margin-top:7px}.drop-zone>span:not(.upload-icon){font-size:10px;margin-top:2px}.demo-label{margin:14px 0 7px}.demo{font-size:10px}.source-info{margin-top:12px}.source-info strong{font-size:11px}.source-info div span{font-size:9px}.divider{margin:19px 0}.divider+.panel-heading{grid-column:1/-1;margin-bottom:0}.control{margin-top:19px}.control-title label{font-size:10px}.control p{font-size:8px}.subtle{font-size:8px}select{font-size:10px}.switch-row{grid-column:1/-1;margin:18px 0}.download-button{grid-column:1/-1;font-size:11px}.export-note{grid-column:1/-1}.lab-main{width:100%;gap:14px}.signal-heading{padding:19px}.signal-heading h2{font-size:20px}.scope-controls{padding:13px 19px}.scope-controls label:first-child{display:block;font-size:8px}.plot-legend{font-size:8px}.transport{gap:15px;padding:15px 19px}.transport input{display:block;width:42px}.listen-choices button{padding:8px 11px}.play-time{margin-left:auto}.sample-values{flex-wrap:nowrap;justify-content:space-between;gap:9px}.binary-column{flex-basis:auto;max-width:41%;border:0;padding:0}.sample-values>.flow-arrow:nth-of-type(2){display:block}.sample-value-label{font-size:6px;white-space:normal;line-height:1.6;min-height:19px}.sample-values strong{font-size:17px}.binary-value{font-size:15px!important}.sample-panel h3{font-size:11px}.sample-panel .eyebrow{font-size:7px}.metric{padding:0 15px}.metric-label{font-size:7px}.metric-value{font-size:24px}.metric-value small{font-size:8px}.metric p{font-size:7px}.metric:first-child p{font-size:6px}.status-message{padding-left:0}.learning{margin-top:35px}.section-intro{display:block;margin-bottom:18px}.section-intro h2{font-size:24px}.section-intro>p{max-width:100%;margin-top:12px;font-size:10px}.concept-grid,.challenge-grid{grid-template-columns:1fr}.concept-card{padding:20px;display:grid;grid-template-columns:1fr 90px;column-gap:20px}.concept-number{grid-column:1}.concept-card h3{grid-column:1;grid-row:2;margin:10px 0 8px}.concept-card svg{grid-column:2;grid-row:1/4;align-self:center;height:60px;margin:0}.concept-card p{grid-column:1;grid-row:3;min-height:0;font-size:10px}.concept-formula{grid-column:1/-1;margin-top:13px;font-size:8px}.digital-note p{font-size:9px}.compression-panel{grid-template-columns:1fr;gap:20px;padding:23px 20px;margin-top:28px}.compression-panel p{max-width:100%;font-size:10px}.compression-control>div:first-child{font-size:11px}.compression-comparison span{font-size:9px}.challenges{margin:34px 0}.challenge-grid article{padding:21px}.challenge-grid h3{font-size:16px;margin-top:12px}.challenge-grid p{font-size:11px;margin-bottom:15px}.challenge-grid button{font-size:11px}.challenge-tag{font-size:9px}footer{gap:13px;padding:22px 0}footer>span{font-size:8px}footer details{margin-left:0}footer summary{font-size:8px}.footer-brand{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Larger text for the supporting audio laboratory. */
.control-title label,.panel-heading h2{font-size:14px}.control p,.source-info div span,.export-note{font-size:11px}.control select,.demo,.download-button{font-size:12px}.source-info strong{font-size:13px}.metric-label{font-size:10px}.metric p,.metric:first-child p{font-size:11px}.sample-panel h3{font-size:15px}.sample-panel>p{font-size:11px}.plot-legend,.view-tabs button,.scope-controls,.scope-controls label:first-child{font-size:12px}.listen-choices button{font-size:12px}.sample-value-label{font-size:9px}.concept-card p,.challenge-grid p,.compression-panel p{font-size:13px}.concept-formula{font-size:11px}.concept-card h3,.challenge-grid h3{font-size:18px}.digital-note p{font-size:12px}.switch-row strong{font-size:12px}.switch-row small{font-size:10px}.range-labels{font-size:10px}.section-intro>p{font-size:13px}.compression-control>div:first-child{font-size:13px}.compression-control small{font-size:11px}.compression-comparison span{font-size:11px}
@media(max-width:850px){.scope-controls label:first-child{display:none}.metric-value{font-size:20px}.metric p,.metric:first-child p{font-size:9px}.metric-label{font-size:8px}.sample-value-label{font-size:8px}.plot-legend{font-size:10px}.demo{font-size:10px}.control-title label{font-size:12px}.control p,.export-note{font-size:10px}.transport{gap:10px}.listen-choices button{font-size:11px}.scope-controls .zoom-label{display:none}.sample-panel>p{font-size:10px}}
@media(max-width:650px){.metric-label{font-size:8px}.metric p,.metric:first-child p{font-size:9px}.sample-values{flex-wrap:wrap}.binary-column{max-width:100%;flex-basis:100%}.source-info div span{font-size:10px}.control-title label{font-size:12px}.demo{font-size:12px}.control p{font-size:11px}}