.visual-explainer.svelte-8phal3{--ink: #111827;--body: #374151;--muted: #647084;--line: #dbe1e8;--wash: #f8fafc;display:grid;gap:clamp(.95rem,2vw,1.25rem);margin:clamp(1.75rem,4vw,3rem) auto;padding:clamp(.95rem,2.2vw,1.2rem);border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--body)}.visual-copy.svelte-8phal3{max-width:62ch}h3.svelte-8phal3{margin:0;color:var(--ink);font-size:clamp(1.18rem,1rem + .65vw,1.5rem);font-weight:650;line-height:1.28;text-wrap:balance}p.svelte-8phal3{margin:.55rem 0 0;line-height:1.75;text-wrap:pretty}.curve-panel.svelte-8phal3{display:grid;gap:.8rem}@media(min-width:820px){.curve-panel.svelte-8phal3{grid-template-columns:minmax(0,1fr) minmax(220px,.44fr);align-items:stretch}}.curve-board.svelte-8phal3,.vol-control.svelte-8phal3,.dot-plot.svelte-8phal3{border:1px solid var(--line);border-radius:12px;background:var(--wash)}.curve-board.svelte-8phal3{padding:clamp(.7rem,1.6vw,.9rem)}svg.svelte-8phal3{display:block;width:100%;max-height:180px}.grid-line.svelte-8phal3{fill:none;stroke:#dbe1e8;stroke-width:1}.grid-line.faint.svelte-8phal3{stroke-dasharray:3 4;opacity:.8}.curve.svelte-8phal3{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:3;transition:d .18s cubic-bezier(.22,1,.36,1)}.smooth.svelte-8phal3{stroke:#111827}.rough.svelte-8phal3{stroke:#98a2b3}.endpoint.svelte-8phal3{transition:cy .18s cubic-bezier(.22,1,.36,1)}.smooth-dot.svelte-8phal3{fill:#111827}.rough-dot.svelte-8phal3{fill:#98a2b3}.curve-legend.svelte-8phal3{display:flex;flex-wrap:wrap;gap:.55rem .9rem;margin-top:.65rem;color:var(--muted);font-size:.88rem}.curve-legend.svelte-8phal3 span:where(.svelte-8phal3){display:inline-flex;align-items:center;gap:.42rem}.legend-line.svelte-8phal3{width:1.55rem;height:.15rem;border-radius:999px}.smooth-line.svelte-8phal3{background:#111827}.rough-line.svelte-8phal3{background:#98a2b3}.vol-control.svelte-8phal3{display:grid;align-content:center;gap:.85rem;padding:1rem}.vol-control.svelte-8phal3>div:where(.svelte-8phal3):first-child,.meter-row.svelte-8phal3{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.6rem}label.svelte-8phal3,.vol-control.svelte-8phal3 strong:where(.svelte-8phal3),.sigma-copy.svelte-8phal3 strong:where(.svelte-8phal3){color:var(--ink);font-weight:700}input[type=range].svelte-8phal3{width:100%;accent-color:#111827}.meter-row.svelte-8phal3{color:var(--muted);font-size:.92rem}.sigma-strip.svelte-8phal3{display:grid;gap:.85rem;align-items:center}@media(min-width:760px){.sigma-strip.svelte-8phal3{grid-template-columns:minmax(0,.9fr) minmax(280px,1fr)}}.sigma-copy.svelte-8phal3 p:where(.svelte-8phal3){color:var(--muted);font-size:.95rem}.dot-plot.svelte-8phal3{position:relative;min-height:7.6rem;overflow:hidden;background:#fff}.band.svelte-8phal3{position:absolute;inset:1rem calc((100% - var(--band)) / 2);border-radius:12px;background:#f4f7fb}.axis.svelte-8phal3{position:absolute;left:9%;right:9%;top:50%;height:1px;background:#dbe1e8}.dot.svelte-8phal3{position:absolute;width:.5rem;height:.5rem;border-radius:999px;background:#111827;transform:translate(-50%,-50%);transition:left .18s cubic-bezier(.22,1,.36,1),top .18s cubic-bezier(.22,1,.36,1)}.dot.tail.svelte-8phal3{background:#dc2626}.axis-label.svelte-8phal3{position:absolute;bottom:.7rem;color:var(--muted);font-size:.8rem}.axis-label.left.svelte-8phal3{left:28%}.axis-label.mid.svelte-8phal3{left:50%;transform:translate(-50%)}.axis-label.right.svelte-8phal3{right:28%}@media(prefers-reduced-motion:reduce){.curve.svelte-8phal3,.endpoint.svelte-8phal3,.dot.svelte-8phal3{transition:none}}