/* Loaded only by /tools/dilution/. Desktop and print retain the original table. */
.dilution-cards{display:none}
@media(max-width:600px){
 #calculation-results>.calculation-scroll{display:none}
 .dilution-cards{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;max-width:100%;min-width:0}
 .dilution-card{min-width:0;max-width:100%;padding:16px;border:1px solid #c9cfba;background:#fff;overflow-wrap:anywhere;white-space:normal;font-size:16px;line-height:1.7}
 .dilution-card .dilution-scenario-label{font-size:16px;color:var(--muted);margin:0 0 6px}
 .dilution-card h3{font-family:var(--sans);font-size:18px;line-height:1.65;font-weight:600;margin:0 0 12px;letter-spacing:0}
 .dilution-card .dilution-unit{font-size:16px;line-height:1.7;margin:0 0 16px;overflow-wrap:anywhere}
 .dilution-card dl{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin:0;padding:0;min-width:0}
 .dilution-card dl>div{min-width:0;padding-top:12px;border-top:1px solid #e1e5d7}
 .dilution-card dt{font-size:16px;line-height:1.7;color:var(--muted);margin:0}
 .dilution-card dd{font-size:18px;line-height:1.65;font-weight:600;margin:3px 0 0;overflow-wrap:anywhere}
}
@media print{.dilution-cards{display:none}#calculation-results>.calculation-scroll{display:block}}