/* Components for the worked dilution example and embedded CapLab preview. */
.formula-card,.scenario-card{border:1px solid var(--line);background:#fff;border-radius:12px;padding:24px;margin:28px 0}.formula-card ol{padding-left:24px;margin:0}.formula-card li{padding:8px 0}.scenario-card h3{margin-top:12px}.ownership-bar{display:flex;height:26px;border-radius:8px;overflow:hidden;margin:20px 0 10px}.ownership-bar span:nth-child(1){background:#2D8A5E}.ownership-bar span:nth-child(2){background:#1A3C2A}.ownership-bar span:nth-child(3){background:#D6F0E0}.bar-legend{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:14px}.bar-legend span:before{content:'';display:inline-block;width:10px;height:10px;border-radius:2px;background:#2D8A5E;margin-right:6px}.bar-legend span:nth-child(2):before{background:#1A3C2A}.bar-legend span:nth-child(3):before{background:#D6F0E0;border:1px solid #1A3C2A}.scenario-choice[aria-pressed=true]{box-shadow:0 0 0 3px #D6F0E0}.scenario-view[hidden]{display:none}.dilution-preview .preview-layout{display:block}.dilution-preview .result-panel{margin-top:28px}.dilution-preview .field input,.dilution-preview .field select{width:100%;min-width:0}.dilution-preview #result h3,.dilution-preview #result p{overflow-wrap:anywhere}.dilution-preview table{font-variant-numeric:tabular-nums}@media(max-width:600px){.formula-card,.scenario-card{padding:18px}.bar-legend{font-size:13px}.scenario-choice{flex:1}}@media print{.dilution-preview,.scenario-card .actions,.scenario-card [role=status]{display:none}.scenario-view[hidden]{display:block}.scenario-card{break-inside:avoid}}