#emulsions .em-seg{display:inline-flex;flex-wrap:wrap;border:1px solid var(--rule);border-radius:var(--r);width:fit-content;max-width:100%;margin:4px 0 10px}#emulsions .em-seg button{font:500 .86rem var(--f-body);color:var(--muted);background:none;border:0;padding:8px 14px;cursor:pointer}#emulsions .em-seg button+button{border-left:1px solid var(--rule)}#emulsions .em-seg button[aria-checked=true]{color:var(--ink);background:var(--sec-wash)}#emulsions .em-seg button:focus-visible{outline:2px solid var(--sec);outline-offset:-2px}#emulsions .em-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}@media (max-width: 760px){#emulsions .em-two{grid-template-columns:minmax(0,1fr)}}#emulsions .em-steps-wrap{align-self:center}#emulsions .em-steps-wrap .steps{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width: 520px){#emulsions .em-steps-wrap .steps{grid-template-columns:minmax(0,1fr)}}#emulsions .em-presets{display:flex;flex-wrap:wrap;gap:8px}#emulsions .em-cmp{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:16px}#emulsions .em-cmp .card{display:grid;gap:8px;align-content:start}#emulsions .em-cmp .card h3{font-size:1.02rem;line-height:1.35;margin:0}#emulsions .em-cmp .card ul{margin:0;padding-left:1.05em;display:grid;gap:5px;font-size:.9rem;color:var(--ink-2)}#emulsions .em-cmp .card ul b{color:var(--ink);font-weight:600}#emulsions .em-cmp .card .src{margin-top:4px}#emulsions svg .em-sh{fill:var(--surface);stroke:var(--line);stroke-width:1.4;transition:fill .15s}#emulsions svg .em-thin{fill:none;stroke:var(--line);stroke-width:1.1}#emulsions svg .em-ink{fill:var(--ink);stroke:none}#emulsions svg .em-unit{cursor:pointer;outline:none}#emulsions svg .em-unit:hover .em-sh,#emulsions svg .em-unit:focus .em-sh{fill:var(--sec-wash)}#emulsions svg .em-hit{fill:transparent;stroke:none}#emulsions svg .em-name{font:600 13.5px var(--f-body);fill:var(--ink)}#emulsions svg .em-sub{font:400 12.5px var(--f-body);fill:var(--muted)}#emulsions svg .em-in{font:500 12.5px var(--f-body);fill:var(--ink-2)}#emulsions svg .em-ptitle{font:650 15.5px var(--f-body);fill:var(--ink)}#emulsions svg .em-fact{font:400 13px var(--f-body);fill:var(--ink-2)}#emulsions svg .em-tagD{font:600 12.5px var(--f-body);fill:var(--c1);paint-order:stroke;stroke:var(--surface);stroke-width:3px}#emulsions svg .em-oilf{fill:var(--c2)}#emulsions svg .em-badf{fill:var(--c4)}#emulsions svg .em-panel{fill:var(--surface);stroke:var(--rule);stroke-width:1.2}#emulsions svg .em-ring{fill:var(--sunk);stroke:var(--line);stroke-width:1.2}#emulsions svg .em-oil{fill:color-mix(in srgb,var(--c2) 55%,var(--surface));stroke:var(--c2);stroke-width:1}#emulsions svg .em-oilfill{fill:color-mix(in srgb,var(--c2) 45%,var(--surface));stroke:none}#emulsions svg .em-water{fill:color-mix(in srgb,var(--c3) 14%,var(--surface));stroke:none}#emulsions svg .em-beaker{fill:none;stroke:var(--line);stroke-width:1.8;stroke-linejoin:round}#emulsions svg .em-bubble{fill:var(--surface);stroke:var(--c3);stroke-width:1.2}#emulsions svg .em-arrowL{fill:none;stroke:var(--ink);stroke-width:1.6}#emulsions svg .em-arrowO{fill:none;stroke:var(--c2);stroke-width:1.6}#emulsions svg .em-chanO{fill:none;stroke:var(--line);stroke-width:16;stroke-linejoin:round}#emulsions svg .em-chanI{fill:none;stroke:color-mix(in srgb,var(--c3) 14%,var(--surface));stroke-width:12;stroke-linejoin:round}#emulsions svg .em-zone{fill:none;stroke:var(--c2);stroke-width:1.4;stroke-dasharray:3 3}#emulsions svg .em-tri0{fill:var(--sunk);stroke:none}#emulsions svg .em-triFine{fill:color-mix(in srgb,var(--c1) 22%,var(--surface));stroke:var(--c1);stroke-width:1.2}#emulsions svg .em-triGel{fill:color-mix(in srgb,var(--c2) 24%,var(--surface));stroke:var(--c2);stroke-width:1.2}#emulsions svg .em-grid{fill:none;stroke:var(--rule);stroke-width:.8}#emulsions svg .em-triEdge{fill:none;stroke:var(--ink);stroke-width:1.4}#emulsions svg .em-dil{fill:none;stroke:var(--ink);stroke-width:1.8}#emulsions svg .em-dilBad{fill:none;stroke:var(--c4);stroke-width:1.8;stroke-dasharray:6 4}#emulsions svg .em-dotGood{fill:var(--ink);stroke:var(--surface);stroke-width:2}#emulsions svg .em-dotBad{fill:var(--c4);stroke:var(--surface);stroke-width:2}#emulsions svg .em-lead,#emulsions svg .em-leadD{fill:none;stroke:var(--c1);stroke-width:1}#emulsions svg .em-axis{fill:none;stroke:var(--muted);stroke-width:1.2}#emulsions svg .em-curve{fill:none;stroke:var(--c1);stroke-width:2.8;stroke-linejoin:round}#emulsions svg .em-dim{fill:none;stroke:var(--muted);stroke-width:1.3}#emulsions svg .em-ref{fill:none;stroke:var(--rule);stroke-width:1;stroke-dasharray:3 4}#emulsions svg .em-dotState{fill:var(--c3);stroke:var(--surface);stroke-width:2}#emulsions svg .em-dotState2{fill:var(--c2);stroke:var(--surface);stroke-width:2}#emulsions svg .em-tag rect{fill:var(--sunk);stroke:var(--rule);stroke-width:1}#emulsions svg .em-tag.ok rect{fill:var(--sec-wash);stroke:var(--sec)}#emulsions svg .em-tag.warn rect{fill:var(--amber-wash);stroke:var(--amber)}#emulsions svg .em-tag.bad rect{fill:var(--red-wash);stroke:var(--red)}#emulsions svg .em-tagT{font:600 12.5px var(--f-body);fill:var(--ink)}#emulsions .em-reset{justify-self:start}#emulsions .em-neq{margin-top:18px}#emulsions .tbl-wrap+.src,#emulsions .tbl-wrap+.note{margin-top:8px}#emulsions svg .em-unit:focus-visible .em-hit{stroke:var(--sec);stroke-width:2}#emulsions svg .em-unit:focus-visible .em-sh{stroke:var(--sec);stroke-width:2}#emulsions .em-dl{display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr);gap:8px 18px;margin:0;font-size:.93rem}#emulsions .em-dl dt{font-weight:600;color:var(--ink)}#emulsions .em-dl dd{margin:0;color:var(--ink-2)}@media (max-width: 640px){#emulsions .em-dl{grid-template-columns:minmax(0,1fr)}#emulsions .em-dl dd{margin-bottom:6px}}