#cp-batch{--ink:#151615;--paper:#fbfaf7;--muted:#62665e;--line:#dedfd6;--lime:#d4e89b;--orange:#cf7046;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif}#cp-batch *{box-sizing:border-box}#cp-batch{margin:0;background:var(--paper);color:var(--ink);font:15px/1.6 var(--sans)}#cp-batch button,#cp-batch input,#cp-batch select{font:inherit}#cp-batch button,#cp-batch input,#cp-batch select,#cp-batch a{touch-action:manipulation}#cp-batch button{cursor:pointer;background:var(--ink);color:#fff;border:1px solid var(--ink);padding:12px 16px;min-height:46px}#cp-batch button:disabled{opacity:.5;cursor:not-allowed}#cp-batch input,#cp-batch select{width:100%;min-width:0;border:1px solid #adb3a5;background:#fff;color:var(--ink);padding:10px;min-height:46px;border-radius:0}#cp-batch label>span{display:block;font-size:12px;margin-bottom:5px}#cp-batch label{display:block}#cp-batch a{color:inherit}#cp-batch h1,#cp-batch h2,#cp-batch h3{font-family:var(--serif);font-weight:400;line-height:1.12;letter-spacing:-.035em}#cp-batch h1{font-size:clamp(46px,6vw,78px);max-width:720px;margin:20px 0}#cp-batch h2{font-size:34px;margin:0}#cp-batch h3{font-size:25px;margin:0 0 18px}#cp-batch p{margin:12px 0 20px}#cp-batch header{padding:24px 4vw;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px}#cp-batch header>span{font-size:11px;color:var(--muted)}#cp-batch .brand{font-size:27px;font-weight:800;letter-spacing:-1.8px;text-decoration:none;white-space:nowrap}#cp-batch .brand span{font-weight:400}#cp-batch .brand i{display:inline-block;width:7px;height:7px;background:var(--orange);border-radius:50%;margin-left:3px}#cp-batch{max-width:1400px;padding:0 4vw;margin:auto}#cp-batch .intro{padding:58px 0 42px}#cp-batch .intro p{max-width:570px;color:var(--muted)}#cp-batch .eyebrow{font-size:11px;letter-spacing:.16em;font-weight:600}#cp-batch .workspace{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:44px;align-items:start}#cp-batch .editor,#cp-batch .result{min-width:0}#cp-batch .editor{padding-right:20px}#cp-batch .result{background:#eef1e6;border:1px solid var(--line);padding:28px}#cp-batch .section-heading{display:flex;gap:14px;align-items:center;margin-bottom:22px}#cp-batch .step{font-size:11px;padding:8px 10px;border:1px solid var(--ink);border-radius:50%}#cp-batch .two{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}#cp-batch .ingredient-row{padding:16px;margin:22px 0;border:1px solid var(--line)}#cp-batch legend{font-size:12px;font-weight:600;padding:0 7px}#cp-batch .row-bottom{display:flex;gap:14px;align-items:end}#cp-batch .row-bottom label{flex:1;min-width:0}#cp-batch .remove{font-size:24px;background:transparent;color:var(--ink);width:46px;padding:0}#cp-batch .secondary{background:transparent;color:var(--ink)}#cp-batch .small{font-size:12px;color:var(--muted);line-height:1.7}#cp-batch fieldset{margin:28px 0;padding:20px;border:1px solid var(--line);min-width:0}#cp-batch .check{display:flex;gap:10px;align-items:start;margin:12px 0}#cp-batch .check input{width:18px;min-height:18px;height:18px;flex-shrink:0;margin:4px 0}#cp-batch .check span{font-size:13px}#cp-batch .result-controls{display:flex;gap:16px;align-items:end;justify-content:space-between;margin:18px 0}#cp-batch .stats{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#c5cdbb;border:1px solid #c5cdbb;margin:22px 0}#cp-batch .stats>div{background:var(--lime);padding:18px}#cp-batch .stats>div:first-child{grid-column:1/-1}#cp-batch .stats span{display:block;font-size:11px}#cp-batch .stats strong{display:block;font-family:var(--serif);font-weight:400;font-size:32px;line-height:1.3}#cp-batch .stats>div:first-child strong{font-size:45px}#cp-batch .amount-list{list-style:none;padding:0;margin:0}#cp-batch .amount-list li{display:flex;justify-content:space-between;gap:18px;padding:12px 0;border-bottom:1px solid #d2d8c9}#cp-batch .amount-list li>span{min-width:0;overflow-wrap:anywhere}#cp-batch .amount-list strong{font-size:14px;white-space:nowrap}#cp-batch .amount-list small{display:block;color:var(--muted);font-size:11px}#cp-batch .plan-section{margin-top:30px}#cp-batch .notice{padding:14px;border-left:3px solid var(--orange);background:#fff9ef;font-size:12px}#cp-batch .batch-title{overflow-wrap:anywhere;margin-top:26px}#cp-batch .method{border-top:1px solid var(--line);margin:60px 0 35px;padding-top:35px;max-width:800px}#cp-batch .method p{font-size:14px}#cp-batch .method h2{font-size:32px}#cp-batch .method details{padding:16px 0}#cp-batch summary{cursor:pointer;min-height:44px}#cp-batch .print-assumptions{font-size:12px}#cp-batch .print-assumptions h3{font-size:23px}#cp-batch .skip{position:absolute;left:20px;top:-100px;background:white;padding:14px;z-index:10}#cp-batch .skip:focus{top:10px}#cp-batch :focus-visible{outline:3px solid #718e39;outline-offset:3px}@media(max-width:850px){#cp-batch .workspace{grid-template-columns:1fr;gap:26px}#cp-batch .editor{padding-right:0}#cp-batch .result{padding:22px}#cp-batch .intro{padding:38px 0 20px}#cp-batch header{flex-wrap:wrap}#cp-batch header>span{font-size:10px}#cp-batch .result-controls{flex-wrap:wrap}#cp-batch .amount-list strong{white-space:normal;text-align:right;flex-shrink:0;max-width:45%}#cp-batch .stats strong{font-size:28px}#cp-batch .stats>div:first-child strong{font-size:40px}}@media print{#cp-batch{background:white;color:black;font-size:10pt}#cp-batch header{padding:0 0 10pt}#cp-batch header>span,#cp-batch .skip,#cp-batch .intro,#cp-batch .editor,#cp-batch .method,#cp-batch .result-controls,#cp-batch #status,#cp-batch .no-print{display:none!important}#cp-batch{max-width:none;padding:0}#cp-batch .workspace{display:block}#cp-batch .result{border:0;background:white;padding:12pt 0}#cp-batch .section-heading{display:none}#cp-batch .stats{background:white}#cp-batch .stats>div{background:white;padding:10pt}#cp-batch .plan-section{break-inside:avoid;margin-top:20pt}#cp-batch .amount-list li{break-inside:avoid}#cp-batch .print-assumptions{display:block;font-size:9pt}#cp-batch .check input{appearance:none;border:1px solid black;width:12pt;height:12pt;min-height:12pt}#cp-batch .check input:checked:after{content:'✓';line-height:10pt}#cp-batch a{text-decoration:none}#cp-batch button{display:none}}

#cp-batch{width:100%;padding:0 4vw;max-width:1400px;margin:auto}#cp-batch .intro h1{font-size:clamp(46px,6vw,78px)}
@media print{body:has(#cp-batch)>.header,body:has(#cp-batch) #app>.header,body:has(#cp-batch) #app>footer,body:has(#cp-batch) .top-note{display:none!important}#cp-batch{padding:0;max-width:none}}
