*, *::before, *::after {box-sizing:border-box} button,input,select {font:inherit} a {color:inherit} p {overflow-wrap:anywhere} :focus-visible {outline:3px solid var(--kw-accent);outline-offset:3px}
h2 {margin:0;font-size:clamp(1.2rem,2vw,1.48rem);line-height:1.35} h3 {margin:16px 0 8px;font-size:1rem}
.section-kicker {margin:0 0 5px;color:var(--kw-accent);font-size:.78rem;font-weight:780;letter-spacing:.08em}
.tool-shell {display:grid;grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);border:1px solid var(--kw-line-strong);background:var(--kw-surface)}
.calculator-panel,.visual-panel {min-width:0;padding:24px}.calculator-panel {border-right:1px solid var(--kw-line)}.visual-panel {background:#f8f8f4}
.values-fieldset {margin:17px 0 0;padding:0;border:0;min-width:0}.values-fieldset legend {font-weight:760}.input-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px;margin-top:16px}.input-row {min-width:0}.input-row label {display:block;font-weight:720;margin-bottom:5px}
.plain-input,.unit-select {width:100%;min-width:0;min-height:44px;padding:9px 10px;border:1px solid var(--kw-line-strong);border-radius:2px;background:var(--kw-surface);color:var(--kw-ink)}
[aria-invalid="true"] {border-color:#9b2f2f;background:#fff8f8}.field-help,.scale-note,.visual-caption {font-size:.79rem;line-height:1.55;color:var(--kw-muted)}.field-help {margin:6px 0}.form-error {padding:10px 12px;border:1px solid #9b2f2f;background:#fff3f3;color:#9b2f2f}
.form-actions {display:flex;flex-wrap:wrap;gap:10px;margin-top:17px}.button {min-height:44px;padding:9px 15px;border:1px solid var(--kw-accent);border-radius:2px;font-weight:750;cursor:pointer}.button-primary {background:var(--kw-accent);color:white}.button-secondary {background:transparent;color:var(--kw-accent)}.button:hover {filter:brightness(.96)}
.result-box {margin-top:20px;padding:16px;border:1px solid var(--kw-line);background:var(--kw-paper)}.result-box[data-state="ready"] {border-color:var(--kw-accent);background:#f3f8f4}.result-box[data-state="error"] {border-color:#9b2f2f}#result-values p {padding:8px 0;margin:0;border-bottom:1px solid var(--kw-line);font-variant-numeric:tabular-nums}
.mixture-figure {margin:18px 0 0}#mixture-svg {display:block;width:100%;height:auto}.visual-caption {margin:8px 0}#pressure-bar {display:flex;width:100%;height:32px;border:1px solid var(--kw-line-strong);background:var(--kw-paper);overflow:hidden}#pressure-bar span {display:block;flex-shrink:0}#bar-values p {margin:4px 0;font-variant-numeric:tabular-nums}
.content-section {margin-top:28px;padding-top:26px;border-top:1px solid var(--kw-line)}.steps-list,.notes-list {margin:13px 0 0;padding-left:1.3rem}.steps-list li,.notes-list li {margin:6px 0;overflow-wrap:anywhere}.example-box {margin-top:14px;padding:13px 15px;border-left:4px solid var(--kw-accent);background:var(--kw-accent-soft)}.example-box h3 {margin:0}
@media(max-width:900px){.tool-shell{grid-template-columns:minmax(0,1fr)}.calculator-panel{border-right:0;border-bottom:1px solid var(--kw-line)}}
@media(max-width:620px){.calculator-panel,.visual-panel{padding:18px}.input-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:430px){.calculator-panel,.visual-panel{padding:15px}.result-box{padding:14px}.form-actions{display:grid;grid-template-columns:1fr}.button{width:100%}}