:root{color-scheme:light;--ink:#203746;--teal:#146c78;--muted:#536975;--line:#cddce1;--surface:#f1f7f9;--paper:#fff;--focus:#c17c1d;font:16px/1.5 ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper)}
:root.dark{color-scheme:dark;--ink:#e2edf2;--teal:#83cad0;--muted:#adc0ca;--line:#3c515e;--surface:#1b2e3a;--paper:#12212c;--focus:#f0bc65}
*{box-sizing:border-box}body{margin:0;padding:3px 1px 6px}body.standalone{max-width:1160px;margin:auto;padding:24px 28px 36px}button,input,select{font:inherit;color:inherit}button,select{cursor:pointer}a{color:var(--teal);text-underline-offset:3px}button:focus-visible,input:focus-visible,select:focus-visible,canvas:focus-visible,a:focus-visible,summary:focus-visible,[role=tabpanel]:focus-visible{outline:3px solid var(--focus);outline-offset:3px}button{background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:6px 14px}button:hover{background:var(--surface)}button:disabled{opacity:.5;cursor:default}[hidden]{display:none!important}
.figure-heading{margin-bottom:20px}.figure-heading h1{font-size:1.3rem;line-height:1.35;margin:12px 0}.chapter-link{font-size:.875rem}.toolbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:8px;margin-bottom:15px;padding-bottom:9px;flex-wrap:wrap}.tabs{display:flex;gap:4px}.tabs button{border-color:transparent;font-weight:600}.tabs button[aria-selected=true]{background:var(--teal);color:var(--paper)}.figure-actions{display:flex;align-items:center;gap:14px}.reset,.permalink{font-size:.8125rem}.permalink{white-space:nowrap;text-decoration:none}.permalink:hover{text-decoration:underline}.exploration-prompt{font-size:.9375rem;line-height:1.6;margin:0 0 14px;max-width:80ch}
.controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,185px),1fr));gap:15px 24px;background:var(--surface);border:1px solid var(--line);padding:14px 16px;margin-bottom:10px;border-radius:7px}.control{display:grid;gap:5px;align-content:start;min-width:0}.control label{font-size:.875rem;font-weight:600;display:flex;justify-content:space-between;gap:12px}.control output{font-variant-numeric:tabular-nums;color:var(--teal);white-space:nowrap}.control-help{font-size:.75rem;line-height:1.5;color:var(--muted);margin:2px 0 0}.range-labels{position:relative;height:1.1em;font-size:.6875rem;font-variant-numeric:tabular-nums;color:var(--muted);margin:-5px 7px 0}.range-labels span{position:absolute;transform:translateX(-50%)}.range-labels span:first-child{transform:none}.range-labels span:last-child{transform:translateX(-100%)}input[type=range]{accent-color:var(--teal);width:100%;height:24px;margin:0;cursor:pointer}select{width:100%;height:35px;border:1px solid var(--line);border-radius:4px;background:var(--paper);padding:3px 8px;font-size:.875rem}.presets{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:0 0 20px;font-size:.75rem}.presets>span{color:var(--muted);margin-right:3px}.presets button{font-size:inherit;padding:4px 10px;border-radius:20px}.presets button[aria-pressed=true]{border-color:var(--teal);background:var(--surface);color:var(--teal)}
.panels{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:22px 20px;align-items:start}.panels:has(>.panel:only-child){grid-template-columns:1fr}.panel{margin:0;min-width:0}.panel h3{font-size:.925rem;font-weight:600;margin:0 0 8px;text-align:center;line-height:1.45}.panel canvas{display:block;width:100%;height:auto;outline-offset:1px}.image-wrap{position:relative;display:block;margin:0 auto;max-width:100%;width:100%;border:1px solid #8b9ea8;aspect-ratio:var(--ratio,1);overflow:hidden;background:white}.image-wrap img{width:100%;height:100%;object-fit:contain;display:block;image-rendering:pixelated}.image-wrap svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.legend{display:flex;justify-content:center;gap:5px 13px;flex-wrap:wrap;font-size:.8125rem;line-height:1.4;margin-top:5px;min-height:18px}.legend span{display:inline-flex;align-items:center;gap:5px}.legend i{display:inline-block;width:16px;height:3px;background:var(--color);flex-shrink:0}.legend i.dashed{height:0;background:none;border-top:2px dashed var(--color)}.legend i.point{width:7px;height:7px;border-radius:50%;margin:0 4px}.legend-details{margin-top:7px;font-size:.8rem}.legend-details summary{cursor:pointer;text-align:center;color:var(--muted)}.metrics{display:flex;flex-wrap:wrap;gap:10px 26px;border-top:1px solid var(--line);margin-top:17px;padding-top:12px}.metric{font-size:.8rem;color:var(--muted)}.metric strong{display:block;color:var(--ink);font-size:1.075rem;font-weight:600;font-variant-numeric:tabular-nums}.observation{background:var(--surface);border-left:3px solid var(--teal);padding:10px 14px;margin-top:16px;font-size:.875rem;line-height:1.6}.observation strong{font-size:.75rem;color:var(--teal)}.observation p{margin:2px 0 0;max-width:85ch}.note{color:var(--muted);font-size:.8125rem;line-height:1.6;margin:12px 0 4px}.note:empty{display:none}.status{font-size:.875rem;color:var(--muted);padding:5px 0}.status:empty{display:none}.static-image{display:block;width:100%;height:auto;margin:auto;background:white}.static-note{font-size:.8rem;color:var(--muted);text-align:center;margin:6px 0}
.table-scroll{overflow:auto;max-height:300px;border:1px solid var(--line);margin-top:8px}table{width:100%;border-collapse:collapse;font-size:.8125rem;font-variant-numeric:tabular-nums}th,td{padding:7px 9px;text-align:left;border-bottom:1px solid var(--line)}thead{background:var(--surface);position:sticky;top:0}tr:last-child td{border:0}audio{width:100%;height:36px;margin-top:12px}.plot-tooltip{font-size:.75rem;line-height:1.5;color:var(--muted);text-align:center;min-height:2.8em;padding:5px 10px 0;overflow-wrap:anywhere}.error{color:#a33830}.dark .error{color:#ffa49b}.retry{margin:6px 0;font-size:.8125rem}.chart-table{font-size:.8rem;margin-top:4px}.chart-table summary{cursor:pointer;color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.image-coordinates{font-size:.8rem;text-align:center;color:var(--muted);margin:6px 0}.probability-key{display:flex;align-items:center;gap:8px;max-width:230px;margin:10px auto 0;font-size:.8rem}.probability-key i{height:9px;flex:1;background:linear-gradient(90deg,rgb(46,107,158),rgb(191,69,61))}
@media(max-width:540px){body.standalone{padding:16px 14px 24px}.controls{gap:13px;padding:12px}.panels{grid-template-columns:1fr}.panel{max-width:100%}.panel:has(.image-wrap){max-width:390px;width:100%;margin:auto}.metrics{gap:8px 18px}.tabs button{padding:6px 9px;font-size:.875rem}.figure-actions{gap:9px}.reset{padding:5px 9px}.panel h3{margin-top:3px}.toolbar{row-gap:10px}.figure-heading h1{font-size:1.125rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}@media print{.toolbar,.controls,.presets,.plot-tooltip{display:none}.panels{break-inside:avoid}.note{color:#222}}