.lab{gap:var(--sp-4);display:grid}.lab__controls{gap:var(--sp-3);grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));align-items:end;display:grid}.lab__buttons{gap:var(--sp-2);flex-wrap:wrap;display:flex}.lab__field{gap:var(--sp-1);font-size:var(--fs-small);display:grid}.lab__check{align-items:center;gap:var(--sp-2);font-size:var(--fs-small);display:flex}.lab__stage{gap:var(--sp-4);grid-template-columns:minmax(0,3fr) minmax(0,1fr);align-items:start;display:grid}.lab__fig{gap:var(--sp-2);margin:0;display:grid}.lab__fig figcaption{gap:var(--sp-2);font-size:var(--fs-small);color:var(--c-ink-2);flex-wrap:wrap;display:flex}.lab__wave,.lab__seis{border:1px solid var(--c-line);border-radius:var(--radius-control);background:var(--c-surface);block-size:auto;inline-size:100%;image-rendering:pixelated;display:block}.lab__wave{aspect-ratio:5/3}.lab__seis{block-size:20rem}.lab__wave:focus-visible{outline:2px solid var(--c-focus);outline-offset:2px}.lab__deep{font-size:var(--fs-small);color:var(--c-ink-2);margin:0}.lab__legend,.lab__state,.lab__hint{min-block-size:1.5em;font-size:var(--fs-small);color:var(--c-ink-2);margin:0}.lab__method{gap:var(--sp-3);max-inline-size:48rem;margin-block-start:var(--sp-6);display:grid}.viewer{gap:var(--sp-4);display:grid}.viewer__canvas{aspect-ratio:5/3;border:1px solid var(--c-line);border-radius:var(--radius-control);background:var(--c-surface);block-size:auto;inline-size:100%;image-rendering:pixelated;touch-action:pan-y;display:block}.viewer__canvas:focus-visible{outline:2px solid var(--c-focus);outline-offset:2px}.viewer__compare{gap:var(--sp-3);font-size:var(--fs-small);grid-template-columns:auto minmax(8rem,1fr) auto;align-items:center;display:grid}.viewer__interp{gap:var(--sp-3);max-inline-size:48rem;display:grid}.viewer__interp[hidden],.viewer__compare[hidden]{display:none}.viewer__list{gap:var(--sp-2);margin:0;padding:0;list-style:none;display:grid}.viewer__list li{gap:var(--sp-1) var(--sp-3);padding:var(--sp-3);border:1px solid var(--c-line);border-radius:var(--radius-control);grid-template-columns:2.5rem 1fr;align-items:center;display:grid}.viewer__list li>:nth-child(n+3){grid-column:2}.viewer__swatch{block-size:.375rem;inline-size:2.25rem}.viewer__line{stroke:var(--c-ink);stroke-width:3px}.viewer__line--1{stroke-dasharray:8 4}.viewer__line--2{stroke-dasharray:2 4}.viewer__hash{overflow-wrap:anywhere;font-size:var(--fs-small)}.explorer{gap:var(--sp-4);display:grid}.explorer__bar{gap:var(--sp-3);flex-wrap:wrap;align-items:center;margin-block-end:var(--sp-3);display:flex}.explorer .lab__fig,.sensing{max-inline-size:40rem}.explorer__stage[hidden],.explorer__controls[hidden],.lab__fig[hidden]{display:none}.explorer__canvas{aspect-ratio:5/3;border:1px solid var(--c-line);border-radius:var(--radius-control);background:var(--c-surface);touch-action:pan-y;inline-size:100%;display:block}.explorer__canvas:focus-visible{outline:2px solid var(--c-focus);outline-offset:2px}.explorer__controls{gap:var(--sp-4);grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));display:grid}.explorer__group{gap:var(--sp-2);padding:var(--sp-3);border:1px solid var(--c-line);border-radius:var(--radius-control);margin:0;display:grid}.explorer__slice{gap:var(--sp-1);display:grid}.physics{gap:var(--sp-4);grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));display:grid}.physics__panel{gap:var(--sp-2);align-content:start;margin:0;display:grid}.physics__panel p,.physics__panel h3{margin:0}.physics__panel figcaption{gap:var(--sp-2);font-size:var(--fs-small);color:var(--c-ink-2);flex-wrap:wrap;display:flex}.physics__principle{max-inline-size:48rem;margin:0 0 var(--sp-3);font-size:var(--fs-h3)}.physics__image{aspect-ratio:5/4;border:1px solid var(--c-line);border-radius:var(--radius-control);block-size:auto;inline-size:100%;image-rendering:pixelated;display:block}.physics__chart{border:1px solid var(--c-line);border-radius:var(--radius-control);background:var(--c-surface);block-size:auto;inline-size:100%;display:block}.physics__axis{fill:none;stroke:var(--c-ink-2);stroke-width:1px}.physics__line{fill:none;stroke:var(--c-wave);stroke-width:2px}.dg-salt{fill:var(--c-paper);stroke:var(--c-ink);stroke-width:1.5px}.dg-trap{fill:var(--c-uncert);opacity:.6}.dg-fibre{fill:none;stroke:var(--c-uncert);stroke-width:3px;stroke-linecap:round}.dg-node-box{fill:var(--c-surface);stroke:var(--c-ink);stroke-width:2px}.sense-ring{fill:none;stroke:var(--c-wave);stroke-width:1.5px;opacity:0}@media (prefers-reduced-motion:no-preference){.sense-ring{animation:3.6s ease-out infinite sense-pulse;animation-delay:var(--delay,0s);transform-origin:70px 36px}}@keyframes sense-pulse{0%{opacity:.8;transform:scale(.3)}to{opacity:0;transform:scale(7)}}@media (width<=639px){.lab__stage{grid-template-columns:minmax(0,1fr)}.lab__seis{max-inline-size:12rem}}
