.derivative-explorer{margin:var(--space-12) 0;padding:clamp(var(--space-5), 4vw, var(--space-8));border:1px solid var(--color-border);background:#fff;font-size:1rem;line-height:1.6}.derivative-explorer__heading{font-family:var(--font-sans)}.derivative-explorer__heading h3{margin:var(--space-2) 0;color:var(--color-ink);font-family:var(--font-serif);font-size:clamp(1.5rem,4vw,2rem);font-weight:500;line-height:1.15}.derivative-explorer__heading p{margin:0;font-size:.88rem}.derivative-explorer__eyebrow{color:var(--color-accent);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:.64rem!important}.derivative-explorer__controls{gap:var(--space-4);margin:var(--space-7) 0 var(--space-5);font-family:var(--font-sans);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.derivative-explorer__single-control{grid-column:1/-1;width:min(100%,32rem);margin-inline:auto}.derivative-explorer__single-control>.derivative-explorer__control{display:block}.derivative-explorer__control{min-width:0;padding:var(--space-3);background:var(--color-paper);border:1px solid var(--color-border)}.derivative-explorer__control>span{gap:var(--space-3);justify-content:space-between;align-items:baseline;display:flex}.derivative-explorer__control var{color:var(--color-primary);font-family:var(--font-serif);font-size:1.15rem;font-weight:650}.derivative-explorer__control output{color:var(--color-accent);font-family:var(--font-mono);font-size:.75rem;font-weight:600}.derivative-explorer__control input{width:100%;min-height:32px;margin-top:var(--space-2);accent-color:var(--color-accent);cursor:pointer}.derivative-explorer__equation{color:var(--color-primary);font-family:var(--font-mono);text-align:center;font-size:clamp(.88rem,2.5vw,1.08rem);margin:0 0 var(--space-4)!important}.derivative-explorer__viewport{overscroll-behavior-inline:contain;width:100%;min-width:0;max-width:100%;overflow-x:auto}.derivative-explorer__viewport:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.derivative-explorer__graph{width:min(100%,620px);min-width:540px;height:auto;font-family:var(--font-mono);margin-inline:auto;display:block}.derivative-explorer__graph line,.derivative-explorer__graph path,.derivative-explorer__graph circle{vector-effect:non-scaling-stroke}.derivative-explorer__plot{fill:var(--color-paper);stroke:var(--color-border)}.derivative-explorer__grid line{stroke:var(--color-border);stroke-width:1px}.derivative-explorer__axes line{stroke:var(--color-ink);stroke-width:1.4px}.derivative-explorer__labels,.derivative-explorer__panel-labels{fill:var(--color-muted);font-size:12px}.derivative-explorer__panel-labels{fill:var(--color-primary);font-family:var(--font-serif);font-size:18px;font-style:italic;font-weight:650}.derivative-explorer__curve,.derivative-explorer__derivative,.derivative-explorer__secant,.derivative-explorer__tangent,.derivative-explorer__triangle,.derivative-explorer__guide,.derivative-explorer__error,.derivative-explorer__asymptote{fill:none}.derivative-explorer__curve{stroke:var(--color-figure);stroke-linecap:round;stroke-width:3px}.derivative-explorer__projection{fill:none;stroke:var(--color-figure);stroke-dasharray:9 7;stroke-linecap:round;stroke-width:3px}.derivative-explorer__derivative,.derivative-explorer__tangent{stroke:var(--color-success);stroke-dasharray:8 5;stroke-linecap:round;stroke-width:2.5px}.derivative-explorer__secant{stroke:var(--color-accent);stroke-linecap:round;stroke-width:2.5px}.derivative-explorer__triangle{stroke:var(--color-accent);stroke-dasharray:5 4;stroke-width:1.5px}.derivative-explorer__guide,.derivative-explorer__error,.derivative-explorer__asymptote{stroke:var(--color-muted);stroke-dasharray:5 5;stroke-width:1.25px}.derivative-explorer__error{stroke:var(--color-accent);stroke-width:2px}.derivative-explorer__point{fill:#fff;stroke:var(--color-accent);stroke-width:3px}.derivative-explorer__point--curve{stroke:var(--color-figure)}.derivative-explorer__point--tangent,.derivative-explorer__point--derivative{stroke:var(--color-success)}.derivative-explorer__point-label,.derivative-explorer__accent-label,.derivative-explorer__future-label{fill:var(--color-ink);paint-order:stroke;stroke:#fff;stroke-width:4px;font-size:13px;font-weight:650}.derivative-explorer__accent-label{fill:var(--color-accent)}.derivative-explorer__speed-label{font-family:var(--font-mono);paint-order:stroke;stroke:#fff;stroke-linejoin:round;stroke-width:4px;font-size:9.5px;font-weight:600}.derivative-explorer__speed-label--average{fill:var(--color-accent)}.derivative-explorer__speed-label--instant{fill:var(--color-success)}.derivative-explorer__future-label{fill:var(--color-primary);font-family:var(--font-serif);font-size:17px;font-style:italic}.derivative-explorer__summary{padding:var(--space-3) var(--space-4);color:var(--color-primary);background:color-mix(in srgb, var(--color-figure) 9%, white);border-left:3px solid var(--color-figure);font-family:var(--font-sans);font-size:.84rem;margin:var(--space-4) 0 0!important}.derivative-explorer figcaption{margin-top:var(--space-3);color:var(--color-muted);font-family:var(--font-sans);font-size:.72rem;line-height:1.5}.derivative-explorer__choice{gap:var(--space-2);grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.derivative-explorer__choice button{min-height:44px;padding:var(--space-2) var(--space-4);color:var(--color-primary);background:var(--color-paper);border:1px solid var(--color-border-strong);font-family:var(--font-mono);cursor:pointer;font-size:.82rem;font-weight:650}.derivative-explorer__choice button:hover,.derivative-explorer__choice button[aria-pressed=true]{color:#fff;background:var(--color-primary)}.derivative-explorer__choice button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.derivative-explorer__choice .derivative-explorer__control{grid-column:1/-1}@media (width<=680px){.derivative-explorer{margin-inline:calc(-1 * var(--shell-padding));padding-inline:var(--shell-padding);border-left:0;border-right:0}.derivative-explorer__controls,.derivative-explorer__choice{gap:var(--space-2);grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.derivative-explorer *,.derivative-explorer :before,.derivative-explorer :after{scroll-behavior:auto!important}}