/* One preparation workspace: choose a volume, then weigh and prepare reagents. */
#main :is(.sm-recipe-panel,.sm-recipe-toggle) { --prep-accent:#087568;--prep-soft:#eef8f5;--reader-accent:var(--prep-accent);--reader-accent-soft:var(--prep-soft); }
html[data-theme="dark"] #main :is(.sm-recipe-panel,.sm-recipe-toggle) { --prep-accent:#8ae0cd;--prep-soft:#203a37; }
#main .sm-recipe-toggle { color:var(--prep-accent);border-color:color-mix(in srgb,var(--prep-accent) 25%,var(--mr-rule));background:var(--mr-page);padding-inline:7px; }
#main .sm-recipe-toggle .sm-prep-icon { width:17px;height:17px; }
#main .sm-prep-icon { filter:none!important;opacity:1!important;object-fit:contain;flex:none; }
#main .sm-calc-heading>.sm-prep-icon { width:24px;height:24px; }
#main .sm-calc-head { padding:10px 14px;background:var(--prep-soft);border-bottom:1px solid color-mix(in srgb,var(--prep-accent) 16%,var(--mr-rule)); }
#main .sm-calc-heading { gap:8px; }
#main .sm-calc-heading>strong { font-size:14px;color:var(--prep-accent); }
#main .sm-calc-heading>span { padding:2px 7px;border:1px solid color-mix(in srgb,var(--prep-accent) 18%,var(--mr-rule));border-radius:12px!important;color:var(--prep-accent);font-size:10px;white-space:nowrap; }
#main .sm-calc-workspace { padding:14px 16px 16px; }
#main .sm-prep-object { display:flex;align-items:baseline;gap:10px;padding:0 0 12px;margin-bottom:14px;border-bottom:1px solid var(--mr-rule); }
#main .sm-prep-object>span { color:var(--mr-muted);font:11px/1.6 var(--reader-font);white-space:nowrap; }
#main .sm-prep-object>h3 { margin:0;color:var(--mr-ink);font:650 14px/1.6 var(--reader-font);overflow-wrap:anywhere; }
#main .sm-calc-grid { grid-template-columns:minmax(200px,1fr) minmax(0,1.65fr);gap:20px; }
#main .sm-calc-result-area { padding-left:20px; }
#main .sm-prep-volume-modes { display:flex;gap:3px;padding:3px;margin-bottom:12px;border-radius:7px!important;background:var(--mr-wash);border:1px solid var(--mr-rule); }
#main .sm-prep-volume-modes>button { flex:1;min-width:0;min-height:30px;border:0;background:none;color:var(--mr-muted);font:500 12px/1.5 var(--reader-font);cursor:pointer; }
#main .sm-prep-volume-modes>button[aria-pressed="true"] { color:var(--prep-accent);background:var(--mr-page);box-shadow:0 1px 4px #17233812;font-weight:650; }
#main .sm-prep-sample-fields { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:0 0 11px; }
#main .sm-prep-sample-fields label { min-width:0;font:12px/1.7 var(--reader-font);color:var(--mr-muted); }
#main .sm-prep-sample-fields input { display:block;width:100%;max-width:100%;min-width:0;min-height:36px;padding:6px 9px;margin-top:4px;background:var(--mr-page);color:var(--mr-ink);border:1px solid var(--theme-line-strong);font:14px/1.5 var(--reader-font); }
#main .sm-prep-sample-fields input[aria-invalid="true"] { border-color:#b44a3c; }
#main .sm-prep-sample-fields[hidden],#main .sm-prep-sample-summary[hidden],#main .sm-calc-presets[hidden] { display:none; }
#main .sm-recipe-panel .sm-prep-sample-hint { grid-column:1/-1;margin:0;color:var(--mr-muted);font:11px/1.65 var(--reader-font); }
#main .sm-recipe-panel input[readonly] { background:var(--mr-wash);color:var(--mr-muted); }
#main .sm-recipe-panel .sm-prep-volume input[readonly] { background:var(--prep-soft);color:var(--prep-accent);font-weight:650; }
#main .sm-recipe-panel .sm-prep-sample-summary { margin:9px 0 0;padding:8px 10px;border-radius:5px!important;background:var(--prep-soft);color:var(--prep-accent);font:11px/1.65 var(--reader-font); }
#main .sm-solution-options>label { margin-top:14px; }
#main .sm-prep-chem-settings { margin-top:14px;border-top:1px solid var(--mr-rule);padding-top:10px; }
#main .sm-prep-chem-settings>summary { cursor:pointer;color:var(--mr-muted);font:600 12px/1.6 var(--reader-font); }
#main .sm-prep-chem-settings>summary:focus-visible { outline:2px solid var(--prep-accent);outline-offset:3px; }
#main .sm-calc-metrics>div { border-radius:7px!important;padding:10px 12px; }
#main .sm-calc-metrics>div:first-child { background:var(--prep-soft); }
#main .sm-calc-metrics strong { font-size:21px;color:var(--prep-accent); }
#main .sm-recipe-panel :is(.sm-prep-directions>h5,.sm-prep-step-title) { margin:14px 0 6px;color:var(--mr-ink);font:650 12px/1.6 var(--reader-font); }
#main .sm-recipe-panel .sm-prep-directions>p { margin:0;padding:11px 12px;border-radius:6px!important;background:var(--mr-wash);font:12px/1.8 var(--reader-font);overflow-wrap:anywhere;text-indent:0; }
#main .sm-recipe-panel .sm-solution-steps { margin-top:5px;margin-bottom:10px; }
#main .sm-prep-actions { display:flex;align-items:center;gap:10px;margin-top:14px;padding-top:11px;border-top:1px solid var(--mr-rule); }
#main .sm-prep-actions>button { display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:5px 10px;border:1px solid color-mix(in srgb,var(--prep-accent) 30%,var(--mr-rule));background:var(--prep-soft);color:var(--prep-accent);font:600 12px/1.5 var(--reader-font);cursor:pointer; }
#main .sm-prep-actions>button:hover { border-color:var(--prep-accent); }
#main .sm-prep-actions>span { color:var(--mr-muted);font:11px/1.6 var(--reader-font); }
@media(max-width:700px) {
  #main .sm-reading-row:has(> .sm-item-copy > .sm-recipe-panel):not(.sm-source-warning)>.sm-item-copy { display:contents; }
  #main .sm-reading-row:has(> .sm-item-copy > .sm-recipe-panel):not(.sm-source-warning)>.sm-item-copy>.sm-item-lead { grid-column:2; }
  #main .sm-reading-row:has(> .sm-step-number:empty):has(> .sm-item-copy > .sm-recipe-panel):not(.sm-source-warning)>.sm-item-copy>.sm-item-lead { grid-column:1; }
  #main .sm-reading-row:has(> .sm-item-copy > .sm-recipe-panel):not(.sm-source-warning)>.sm-item-copy>:is(.sm-recipe-panel,.sm-item-details) { grid-column:1/-1; }
  #main .sm-recipe-panel { margin-top:4px; }
  #main .sm-calc-grid { grid-template-columns:minmax(0,1fr);gap:16px; }
  #main .sm-calc-result-area { padding:12px 0 0; }
  #main .sm-calc-workspace { padding:12px; }
  #main .sm-calc-head { padding:8px 11px; }
  #main .sm-prep-object { display:block;padding-bottom:10px;margin-bottom:12px; }
  #main .sm-prep-object>h3 { margin-top:3px;font-size:13px; }
  #main .sm-calc-heading>span { font-size:9px; }
}