.calc-preview{gap:14px;width:100%;margin:0;display:grid}.calc-preview__instrument{border:1.5px solid var(--ink);background:color-mix(in srgb, var(--paper) 92%, white 8%);box-shadow:var(--block);border-radius:8px;grid-template-columns:minmax(170px,.28fr) minmax(340px,1fr) minmax(180px,.32fr);align-items:stretch;gap:12px;padding:clamp(12px,2vw,18px);display:grid}.calc-preview__controls,.calc-preview__readout,.calc-preview__field{border:1.5px solid var(--ink);background:var(--paper);border-radius:8px;min-width:0}.calc-preview__controls,.calc-preview__readout{align-content:start;gap:14px;padding:14px;display:grid}.calc-preview__controls h3{font-family:var(--font-ui);letter-spacing:0;margin:0;font-size:22px;font-weight:700;line-height:1.05}.calc-preview__eyebrow{font-family:var(--font-mono);letter-spacing:0;text-transform:uppercase;color:var(--terra);font-size:11px;line-height:1.2}.calc-preview__slider{font-family:var(--font-ui);gap:8px;font-size:14px;font-weight:700;display:grid}.calc-preview__toggles{gap:10px;display:grid}.calc-preview__toggles .ui-toggle{align-items:center}.calc-preview__field{min-height:330px;position:relative;overflow:hidden}.calc-preview__field svg{width:100%;height:100%;min-height:330px;display:block}.calc-preview__axis line,.calc-preview__probe-line{stroke:var(--ink);stroke-width:1.6px}.calc-preview__axis text,.calc-preview__function-marker text{font-family:var(--font-ui);fill:var(--ink);font-size:14px;font-weight:700}.calc-preview__curve{fill:none;stroke:var(--ink);stroke-width:3px;stroke-linecap:round;filter:drop-shadow(3px 3px 0 var(--line))}.calc-preview__tangent{stroke:var(--cobalt);stroke-width:4px;stroke-linecap:round}.calc-preview__probe-line{stroke-dasharray:5 5;opacity:.7}.calc-preview__probe{fill:var(--cobalt);stroke:var(--ink);stroke-width:2px}.calc-preview__function-marker rect{fill:var(--paper);stroke:var(--ink);stroke-width:1.5px}.calc-preview__metric{border:1.5px solid var(--ink);background:color-mix(in srgb, var(--cobalt-soft) 26%, var(--paper));box-shadow:var(--block-sm);border-radius:8px;gap:5px;padding:12px;display:grid}.calc-preview__metric span{font-family:var(--font-mono);text-transform:uppercase;color:var(--ink-2);font-size:11px}.calc-preview__metric strong{font-family:var(--font-ui);font-size:30px;line-height:1}.calc-preview__feedback.learn-feedback{background:var(--paper);box-shadow:var(--block-sm)}.calc-preview__rail{width:100%}@media (max-width:920px){.calc-preview__instrument{grid-template-columns:1fr}.calc-preview__toggles{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:620px){.calc-preview__toggles{grid-template-columns:1fr}.calc-preview__field,.calc-preview__field svg{min-height:280px}}