/* C3 portal typography/color/logo; simple form and result ledger. */
.dilution-main{max-width:1100px}.back-link{margin-bottom:14px}.mode-switch{display:flex;gap:6px;margin:0 0 26px;padding:5px;border:1px solid var(--line);border-radius:6px;background:#f7f9fb;width:fit-content}.mode-switch label{display:flex;gap:8px;align-items:center;padding:9px 15px;border-radius:4px;cursor:pointer;font-size:13px}.mode-switch label:has(input:checked){background:#fff;box-shadow:0 1px 3px #23364d14;color:var(--accent);font-weight:600}.mode-switch input{accent-color:var(--accent);width:14px;height:14px}.workspace{display:grid;grid-template-columns:1fr 1.06fr;gap:48px;border-top:1px solid var(--line);padding-top:22px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:38px;margin-bottom:17px}.section-heading h2{font-size:17px;font-weight:600}.family-label{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}input,select,button{font:inherit;color:var(--ink);border:1px solid #bdc9d5;border-radius:4px;background:#fff}select{padding:9px 10px}input[type=text]{padding:11px 12px;width:100%;min-width:0;font-variant-numeric:tabular-nums;font-family:Consolas,'Malgun Gothic',monospace;font-size:16px}button{padding:8px 14px;cursor:pointer;color:var(--accent)}button.primary{background:var(--accent);color:#fff;border-color:var(--accent)}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.5;cursor:default}input:focus-visible,select:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #397aaf;outline-offset:3px}.field{margin-bottom:18px}.field>label{display:block;font-size:13px;margin-bottom:7px}.value-unit{display:grid;grid-template-columns:minmax(0,1fr) 114px;gap:8px}.note{font-size:12px;line-height:1.7;color:var(--muted);margin:8px 0 14px}.form-actions{display:flex;gap:10px;margin-top:22px}.form-actions .primary{min-width:128px}#message{color:#8b3832;font-size:13px;white-space:pre-line;margin-top:14px}.result-section{border-left:1px solid var(--line);padding-left:32px}.empty-result{color:var(--muted);font-size:13px;padding:38px 0}.result-basis{font-size:13px;color:var(--muted);margin:4px 0 18px}.result-table{table-layout:auto}.result-table th,.result-table td{padding:15px 8px}.result-table thead th:last-child{text-align:left;padding-right:8px}.result-table td:nth-child(2){text-align:right;font:20px/1.3 Consolas,monospace;color:var(--accent);overflow-wrap:anywhere}.result-table tbody tr:last-child td{font-weight:600}.result-table td:first-child{white-space:nowrap}.result-table td:last-child{width:45px;color:var(--muted)}.factor{margin:17px 0 8px;font-weight:600}.preparation{font-size:13px;line-height:1.8}.method{border-top:1px solid var(--line);margin-top:28px;padding-top:16px;font-size:12px;color:var(--muted)}.method summary{font-size:13px;cursor:pointer}.method p{margin-top:12px;line-height:1.8}[hidden]{display:none!important}footer{margin-bottom:24px}
@media(max-width:950px){.workspace{gap:26px}.result-section{padding-left:22px}.value-unit{grid-template-columns:minmax(0,1fr) 98px}.family-label{gap:5px}}
@media(max-width:760px){.workspace{grid-template-columns:1fr}.result-section{border-left:0;border-top:1px solid var(--line);padding:22px 0 0}.mode-switch{flex-wrap:wrap}.result-table{min-width:0}.dilution-main .heading{gap:10px}}

.heading-tools{display:flex;flex-direction:column;align-items:flex-end;gap:8px;font-size:12px;color:var(--muted)}#mw-field input{margin:0}#mw-basis:empty{display:none}dialog{color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:8px;padding:26px;width:min(560px,calc(100vw - 48px));max-height:90vh;overflow:auto;box-shadow:0 16px 60px #14263830}dialog::backdrop{background:#1c304c55}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.dialog-heading h2{font-size:20px}.converter-controls{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0}.converter-controls label{font-size:13px}.converter-controls select{display:block;width:100%;margin-top:6px}#conversion-output-unit{width:100%}#conversion-error{color:#8b3832;margin-top:14px;font-size:13px}.quick-value{font-size:25px;font-weight:600;color:var(--accent);margin:20px 0 8px;font-variant-numeric:tabular-nums}.conversion-copy{margin-top:20px}#conversion-copy-status{margin-bottom:0}
.heading-buttons{display:flex;gap:8px}.heading-buttons #open-preparation{font-weight:600;background:#f2f6fa}#prep-mode,#prep-output-unit{width:100%}#prep-error{color:#8b3832;font-size:13px;margin-top:14px}#prep-result-label{font-size:13px;color:var(--muted);margin-top:18px}#prep-result-value{margin-top:6px}#prep-instruction{font-size:13px;line-height:1.8}#preparation-dialog{width:min(680px,calc(100vw - 48px))}.prep-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.prep-fields .field input{margin:0}#prep-mode-field{margin-top:18px}
#preparation-dialog{padding:22px}#preparation-dialog .field{margin-bottom:12px}#preparation-dialog .note{margin:6px 0 8px}#preparation-dialog .form-actions{margin-top:14px}#preparation-dialog .conversion-copy{margin-top:12px}#prep-known-help{margin-bottom:0}#prep-result-label{margin-top:12px}