.lab-main{padding-block:38px 60px}.lab-heading{display:flex;gap:24px;justify-content:space-between;align-items:start}.lab-heading .p-eyebrow{color:#007f96;margin-bottom:10px}.lab-heading h1{font-size:clamp(32px,4.4vw,52px);line-height:1.1;letter-spacing:-.04em;margin:0}.lab-heading p{margin-top:12px}.lab-badge{font-size:12px;letter-spacing:.08em;background:#e3f5f8;color:#006377;padding:10px 13px;border:1px solid #94cbd5;white-space:nowrap}.lab-toolbar{display:flex;gap:22px;align-items:center;justify-content:space-between;flex-wrap:wrap;background:white;border:1px solid var(--line);padding:16px 20px;margin-top:18px}.lab-toolbar label{font-size:14px;display:flex;align-items:center;gap:10px}.lab-toolbar input{width:100px;accent-color:#0057ff}.lab-toolbar output{font-variant-numeric:tabular-nums;width:38px}.lab-jumps{display:flex;gap:22px;font-size:14px;font-weight:600}.lab-status{font-size:14px;color:var(--quiet);margin:12px 0 28px;min-height:24px}.lab-experiment{background:#fff;border:1px solid var(--line);margin-bottom:32px;padding:30px;scroll-margin-top:110px}.lab-section-heading{display:flex;gap:22px;align-items:start;margin-bottom:28px}.lab-section-heading>span{font:32px monospace;color:#008da7;padding-top:4px}.lab-section-heading .p-eyebrow{font-size:12px;margin-bottom:8px;color:#00758a}.lab-section-heading h2{font-size:30px;line-height:1.2;letter-spacing:-.03em;margin:0}.lab-section-heading p:last-child{margin:12px 0 0;color:var(--quiet)}.lab-grid{display:grid;grid-template-columns:310px minmax(0,1fr);gap:36px}.lab-controls{border-right:1px solid var(--line);padding-right:28px}.lab-controls h3,.lab-display h3{font-size:17px;margin:0 0 20px}.lab-controls label{display:flex;justify-content:space-between;gap:10px;align-items:start;font-size:14px;font-weight:600;margin:18px 0 8px}.lab-controls label output{white-space:nowrap;color:#0057ff;font-variant-numeric:tabular-nums}.lab-controls input[type=range]{width:100%;min-height:28px;accent-color:#0057ff;cursor:pointer}.lab-small{font-size:14px;line-height:1.6;color:var(--quiet);margin:8px 0 18px}.lab-controls select{width:100%;padding:10px;border:1px solid #acbdd2;color:var(--ink);background:white;border-radius:4px}.lab-buttons{display:flex;flex-direction:column;gap:10px;margin:20px 0 12px}.lab-button{font:inherit;font-size:14px;color:var(--ink);padding:10px 14px;border:1px solid #a5b7ce;border-radius:4px;background:white;cursor:pointer;min-height:42px}.lab-button:hover{background:#eef3fb}.lab-button:disabled{opacity:.45;cursor:default}.lab-button.primary{background:#0057ff;color:white;border-color:#0057ff}.lab-button[aria-pressed=true]{outline:3px solid #00a8c4;outline-offset:2px}.lab-text-button{background:none;border:0;padding:10px 0;font-size:14px;text-decoration:underline;text-underline-offset:4px;color:#526078;cursor:pointer}.lab-display{min-width:0;background:#0a1628;color:#fff;padding:24px;border-radius:6px}.lab-display .lab-small{color:#afc3de}.lab-plot-heading{display:flex;gap:12px;justify-content:space-between;align-items:start}.lab-plot-heading h3{color:#fff;margin-bottom:12px}.lab-plot-heading>span{font-size:12px;color:#afc3de}.lab-display svg{display:block;width:100%;height:auto;overflow:visible}.lab-readouts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0 16px;border-top:1px solid #354761;padding-top:20px}.lab-readouts span{display:block;font-size:13px;color:#afc3de;margin-bottom:7px}.lab-readouts strong{font-size:24px;line-height:1.3;font-variant-numeric:tabular-nums;font-weight:500}.lab-business{display:grid;grid-template-columns:155px 1fr;gap:22px;margin-top:26px;padding-top:22px;border-top:1px solid var(--line);font-size:15px}.lab-business p{margin:0;color:var(--quiet)}.lab-method{margin-top:18px;font-size:14px;color:var(--quiet)}.lab-method summary{cursor:pointer;font-weight:600;color:var(--ink)}.lab-method p{max-width:950px}.lab-source{display:flex;justify-content:space-between;font-size:14px;padding:9px 0;border-bottom:1px solid var(--line)}.lab-source .source-a{color:#0057dd}.lab-source .source-b{color:#966500}.lab-legend{display:flex;gap:16px;flex-wrap:wrap;font-size:12px;margin-top:6px}.lab-legend .source-a{color:#72a8ff}.lab-legend .source-b{color:#ffd170}.lab-end{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.lab-buttons.compact{flex-direction:row}.compact .lab-button{flex:1;padding:8px;font-size:13px}
@media(max-width:950px){.lab-grid{grid-template-columns:260px minmax(0,1fr);gap:22px}.lab-controls{padding-right:20px}.lab-display{padding:18px}.lab-readouts{gap:10px}.lab-readouts strong{font-size:20px}.lab-heading{flex-direction:column;gap:10px}.lab-experiment{padding:24px}}
@media(max-width:740px){.lab-grid{grid-template-columns:1fr}.lab-controls{padding-right:0;border-right:0}.lab-experiment{padding:20px}.lab-section-heading{gap:14px}.lab-section-heading h2{font-size:26px}.lab-business{grid-template-columns:1fr;gap:8px}.lab-toolbar{gap:16px;padding:16px}.lab-jumps{flex-wrap:wrap;gap:12px}.lab-heading h1{font-size:36px}.lab-display{padding:16px}.lab-readouts{grid-template-columns:1fr 1fr}.lab-readouts strong{font-size:24px}.audio-lab .p-nav-inner>a:last-child{font-size:14px}.lab-badge{white-space:normal}.lab-toolbar label{flex-wrap:wrap}.lab-toolbar input{width:85px}}