.derivative-lab .lesson-widget__eyebrow{font-size:.75rem}.derivative-lab__example{grid-column:1/-1}.derivative-lab .lesson-control output{font:500 .875rem/1.5 var(--font-technical)}.derivative-lab .derivative-lab__formula{margin-block:1rem;font-size:.9375rem}.derivative-lab .lesson-plot{max-width:36rem;margin:1.25rem auto}.derivative-lab svg text{fill:var(--color-ink-soft);font-size:20px}.derivative-lab__grid{stroke:var(--color-rule);stroke-width:1px}.derivative-lab__curve{stroke:var(--color-ink);stroke-width:2.5px;fill:none;border-color:var(--color-ink)}.derivative-lab__tangent{stroke:var(--lesson-blue);stroke-width:2px;stroke-dasharray:10 5;fill:none;border-color:var(--lesson-blue);border-top-style:dashed}.derivative-lab__secant{stroke:var(--lesson-accent);stroke-width:3px;stroke-dasharray:4 4;border-color:var(--lesson-accent);border-top-style:dashed}.derivative-lab__error-line{stroke:var(--lesson-accent);stroke-width:1.5px}.derivative-lab__base{fill:var(--color-paper);stroke:var(--color-ink);stroke-width:2px}.derivative-lab__actual{fill:var(--lesson-accent)}.derivative-lab__prediction{fill:var(--color-paper);stroke:var(--lesson-blue);stroke-width:2px}.derivative-lab .derivative-lab__legend{flex-wrap:wrap;gap:.5rem 1.25rem;margin-block:1.25rem;padding:0;font-size:.8125rem;list-style:none;display:flex}.derivative-lab__legend li{align-items:center;gap:.5rem;display:flex}.derivative-lab__swatch{border-top-style:solid;border-top-width:3px;flex-shrink:0;width:1.5rem}.derivative-lab__swatch.derivative-lab__tangent,.derivative-lab__swatch.derivative-lab__secant{border-top-style:dashed}.derivative-lab .lesson-plot figcaption{padding:.75rem 0;font-size:.8125rem}.derivative-lab .lesson-readouts dt{font-size:.75rem}.derivative-lab .lesson-readouts dd{font-size:1rem}.derivative-lab .derivative-lab__note{color:var(--color-text-muted);margin-block:1rem;font-size:.8125rem}@media (max-width:40rem){.derivative-lab .lesson-readouts{grid-template-columns:minmax(0,1fr)}}