.derivative-explorer{--curve:#1493ff;--secant:#ff1493;--tangent:#73c900;background:radial-gradient(circle at 18% 0%, #1493ff1a, transparent 18rem), var(--surface-color);border:1px solid var(--border-color);font-family:var(--font-sans);border-radius:12px;width:min(1040px,100vw - 3rem);margin:2.4rem 50%;padding:clamp(1rem,3vw,1.5rem);transform:translate(-50%)}:root[data-theme=dark] .derivative-explorer{--tangent:#93ff14}.derivative-heading{justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:.8rem;display:flex}.derivative-heading h3{font-family:var(--font-serif);margin:0;font-size:clamp(1.25rem,3vw,1.7rem)}.visual-kicker{color:var(--link-color);letter-spacing:.12em;text-transform:uppercase;margin:0 0 .2rem;font-size:.67rem;font-weight:600}.legend{color:var(--text-secondary);flex-wrap:wrap;justify-content:flex-end;gap:.7rem;font-size:.72rem;display:flex}.legend span{align-items:center;gap:.3rem;display:flex}.legend i{border-radius:999px;width:1rem;height:3px;display:inline-block}.curve-swatch{background:var(--curve)}.secant-swatch{background:var(--secant)}.tangent-swatch{background:var(--tangent)}.chart-shell{background:color-mix(in srgb, var(--bg-color) 86%, transparent);border:1px solid var(--border-color);border-radius:9px;overflow:hidden}.chart-shell svg{width:100%;height:auto;display:block}.grid-lines line{stroke:var(--border-color);stroke-width:1px}.axes line{stroke:var(--text-secondary);stroke-width:1.2px}.axes text,.point-labels text{fill:var(--text-secondary);font-size:13px}.function-curve,.secant-line,.tangent-line{fill:none;vector-effect:non-scaling-stroke}.function-curve{stroke:var(--curve);stroke-width:4px}.secant-line{stroke:var(--secant);stroke-width:2.8px}.tangent-line{stroke:var(--tangent);stroke-dasharray:9 6;stroke-width:2.4px}.h-guide{stroke:var(--secant);stroke-width:2px}.fixed-point{fill:var(--tangent);stroke:var(--surface-color);stroke-width:2px}.moving-point{fill:var(--secant);stroke:var(--surface-color);stroke-width:2px}.derivative-controls{grid-template-columns:auto minmax(13rem,1fr) minmax(12rem,auto);align-items:stretch;gap:.8rem;margin-top:.9rem;display:grid}.derivative-controls>label,.side-control,.slope-readout{background:var(--bg-color);border:1px solid var(--border-color);border-radius:8px;flex-direction:column;justify-content:center;padding:.65rem .75rem;display:flex}.derivative-controls label span,.side-control>span,.slope-readout>span{color:var(--text-secondary);letter-spacing:.06em;text-transform:uppercase;margin-bottom:.35rem;font-size:.68rem}.derivative-controls input[type=range]{accent-color:var(--secant);cursor:ew-resize;width:100%}.side-control>div{grid-template-columns:1fr 1fr;display:grid}.side-control button{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;font:inherit;background:0 0;padding:.35rem .55rem;font-size:.78rem}.side-control button:first-child{border-radius:6px 0 0 6px}.side-control button:last-child{border-left:0;border-radius:0 6px 6px 0}.side-control button.active{background:var(--link-color);color:#fff}.slope-readout strong{color:var(--secant);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9rem}.slope-readout small{color:var(--text-secondary);margin-top:.18rem}.derivative-explorer figcaption{color:var(--text-secondary);font-family:var(--font-sans);margin-top:.85rem;font-size:.82rem;line-height:1.55}.derivative-explorer figcaption strong{color:var(--text-primary)}@media (width<=760px){.derivative-heading{flex-direction:column;align-items:flex-start}.legend{justify-content:flex-start}.derivative-controls{grid-template-columns:1fr 1fr}.derivative-controls>label{grid-area:1/1/auto/-1}}@media (width<=480px){.derivative-explorer{width:calc(100vw - 1.5rem)}.derivative-controls{grid-template-columns:1fr}.derivative-controls>label{grid-column:auto}.axes text,.point-labels text{font-size:16px}}@media (prefers-reduced-motion:reduce){.derivative-explorer *{scroll-behavior:auto!important;transition:none!important}}.field-guide[data-astro-cid-sdixski4]{background:var(--surface-color);border:1px solid var(--border-color);font-family:var(--font-sans);border-radius:12px;width:min(1040px,100vw - 3rem);margin:2.4rem 50%;padding:clamp(1rem,3vw,1.5rem);transform:translate(-50%)}header[data-astro-cid-sdixski4]>p[data-astro-cid-sdixski4]{color:var(--link-color);letter-spacing:.12em;text-transform:uppercase;margin:0 0 .2rem;font-size:.67rem;font-weight:600}h3[data-astro-cid-sdixski4]{font-family:var(--font-serif);margin:0 0 1rem;font-size:clamp(1.25rem,3vw,1.7rem)}.panels[data-astro-cid-sdixski4]{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;display:grid}section[data-astro-cid-sdixski4]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:9px;padding:.65rem;overflow:hidden}svg[data-astro-cid-sdixski4]{width:100%;height:auto;display:block}.axes[data-astro-cid-sdixski4]{fill:none;stroke:var(--text-secondary);stroke-width:1.2px}.curve[data-astro-cid-sdixski4],.line[data-astro-cid-sdixski4],.descent[data-astro-cid-sdixski4]{fill:none;vector-effect:non-scaling-stroke}.curve[data-astro-cid-sdixski4]{stroke-width:3px}.line[data-astro-cid-sdixski4]{stroke-dasharray:7 5;stroke-width:2.2px}.descent[data-astro-cid-sdixski4]{stroke:#ff1493;stroke-width:2.4px}.blue[data-astro-cid-sdixski4]{stroke:#1493ff}.pink[data-astro-cid-sdixski4]{stroke:#ff1493}.lime[data-astro-cid-sdixski4]{stroke:#73c900}.lime-fill[data-astro-cid-sdixski4]{fill:#73c900}.pink-fill[data-astro-cid-sdixski4]{fill:#ff1493}[data-theme=dark] .lime[data-astro-cid-sdixski4]{stroke:#93ff14}[data-theme=dark] .lime-fill[data-astro-cid-sdixski4]{fill:#93ff14}text[data-astro-cid-sdixski4]{fill:var(--text-secondary);font-size:10px}h4[data-astro-cid-sdixski4]{margin:.2rem 0;font-size:.82rem}section[data-astro-cid-sdixski4] p[data-astro-cid-sdixski4]{color:var(--text-secondary);margin:0;font-size:.74rem;line-height:1.45}figcaption[data-astro-cid-sdixski4]{color:var(--text-secondary);margin-top:.85rem;font-size:.82rem;line-height:1.55}figcaption[data-astro-cid-sdixski4] strong[data-astro-cid-sdixski4]{color:var(--text-primary)}@media (width<=760px){.panels[data-astro-cid-sdixski4]{grid-template-columns:1fr}section[data-astro-cid-sdixski4]{grid-template-columns:minmax(10rem,.85fr) 1.15fr;column-gap:.75rem;display:grid}section[data-astro-cid-sdixski4] svg[data-astro-cid-sdixski4]{grid-row:1/3}section[data-astro-cid-sdixski4] h4[data-astro-cid-sdixski4]{align-self:end}}@media (width<=480px){.field-guide[data-astro-cid-sdixski4]{width:calc(100vw - 1.5rem)}section[data-astro-cid-sdixski4]{display:block}}