._figure_1qat7_1{gap:var(--space-4);margin:var(--space-7) 0;padding:clamp(var(--space-3), 3vw, var(--space-5));border:var(--border);background:var(--color-surface);font-family:var(--font-ui);font-variant-numeric:tabular-nums;display:grid}._headingRow_1qat7_11{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}._heading_1qat7_11 h3,._heading_1qat7_11 p{margin:0}._heading_1qat7_11 h3{font-family:var(--font-prose);font-size:var(--step-1)}._heading_1qat7_11 p{max-width:58ch;margin-top:var(--space-1);color:var(--color-text-muted);font-size:var(--step--1);line-height:1.5}._controlsTwo_1qat7_32{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}._rangeField_1qat7_37{gap:var(--space-2);color:var(--color-text-secondary);font-size:var(--step--1);grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}._rangeField_1qat7_37 strong{color:var(--color-text);font-family:var(--font-mono);font-size:var(--step--1)}._rangeField_1qat7_37 input{width:100%;accent-color:var(--color-accent);grid-column:1/-1}._compositionBar_1qat7_55{border:var(--border);min-height:.7rem;display:flex;overflow:hidden}._compositionBar_1qat7_55 span{min-width:.25rem}._cocoaButter_1qat7_64{background:var(--color-accent)}._cocoaSolids_1qat7_67{background:var(--color-text)}._water_1qat7_70{background:color-mix(in srgb, var(--color-accent) 35%, var(--color-surface))}._other_1qat7_73{background:var(--color-border)}._metrics_1qat7_76{border-top:var(--border);border-left:var(--border);grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));display:grid}._metrics_1qat7_76>div{padding:var(--space-3);border-right:var(--border);border-bottom:var(--border);gap:.2rem;display:grid}._metrics_1qat7_76 span,._metrics_1qat7_76 small{color:var(--color-text-muted);font-size:var(--step--1)}._metrics_1qat7_76 strong{font-family:var(--font-prose);font-size:var(--step-0);font-weight:500}._stateComparison_1qat7_99,._substitution_1qat7_100{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}._stateComparison_1qat7_99>div,._substitution_1qat7_100>div:not(._arrow_1qat7_106){padding:var(--space-3);border:var(--border);gap:.25rem;display:grid}._stateComparison_1qat7_99 small,._stateComparison_1qat7_99 span,._substitution_1qat7_100 small,._substitution_1qat7_100 span{color:var(--color-text-muted);font-size:var(--step--1)}._stateComparison_1qat7_99 strong,._substitution_1qat7_100 strong{font-family:var(--font-prose);font-weight:500}._takeaway_1qat7_124{gap:var(--space-3);padding-top:var(--space-3);border-top:var(--border);font-size:var(--step--1);grid-template-columns:minmax(8rem,.3fr) minmax(0,1fr);margin:0;line-height:1.5;display:grid}._takeaway_1qat7_124 span{color:var(--color-text-muted)}._experimentSwitch_1qat7_137{border:var(--border);background:var(--color-background);justify-self:start;margin:0;padding:.2rem;display:inline-flex}._experimentSwitch_1qat7_137 button{color:var(--color-text-muted);font:inherit;cursor:pointer;background:0 0;border:0;padding:.45rem .7rem}._experimentSwitch_1qat7_137 button[aria-pressed=true]{background:var(--color-surface);box-shadow:0 0 0 1px var(--color-border);color:var(--color-text)}._singleControl_1qat7_158{gap:var(--space-4);grid-template-columns:minmax(0,1fr) minmax(12rem,.55fr);align-items:end;display:grid}._singleControl_1qat7_158 p{color:var(--color-text-muted);font-size:var(--step--1);margin:0}._chart_1qat7_169{width:100%;min-height:260px;padding-top:var(--space-2);border-top:var(--border)}._substitution_1qat7_100{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center}._arrow_1qat7_106{color:var(--color-text-muted);font-size:1.25rem}._mechanismFlow_1qat7_183{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}._mechanismFlow_1qat7_183 span{border:var(--border);color:var(--color-text-secondary);font-size:var(--step--1);padding:.35rem .55rem}._mechanismFlow_1qat7_183 b{color:var(--color-text-muted);font-weight:400}@media (width<=48rem){._singleControl_1qat7_158,._takeaway_1qat7_124{grid-template-columns:1fr}}@media (width<=34rem){._controlsTwo_1qat7_32,._stateComparison_1qat7_99,._substitution_1qat7_100{grid-template-columns:1fr}._headingRow_1qat7_11{flex-direction:column}._substitution_1qat7_100 ._arrow_1qat7_106{justify-self:center;transform:rotate(90deg)}}