:root{--ink:#23251f;--paper:#f8f5ed;--yellow:#f5df4e;--line:#d7d3c7;--muted:#64675c;--red:#a12620;--blue:#304cca;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:4px}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:4px}button,input,select{min-height:44px}input,select{min-width:0}input[aria-invalid=true]{border-color:var(--red)!important;box-shadow:0 0 0 1px var(--red)}button{border-radius:0}h1,h2,h3,p{margin:0}svg{display:block;max-width:100%}img{max-width:100%;height:auto}[hidden]{display:none!important}.skip{position:absolute;left:16px;top:-90px;background:var(--ink);color:white;padding:15px;z-index:99}.skip:focus{top:10px}.wrap{max-width:1320px;margin:auto;padding:0 48px}.top{background:var(--yellow)}.nav{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px 0 22px;border-bottom:2px solid var(--ink)}.wordmark{display:inline-flex;align-items:center;gap:9px;text-decoration:none;font-size:30px;font-weight:900;letter-spacing:-1.5px}.brand-icon{width:28px;height:28px;border:3px solid;border-radius:50%;position:relative}.brand-icon::after{content:'';position:absolute;inset:5px -7px 5px 9px;border:2px solid;border-radius:50%;background:var(--yellow)}.nav-links{display:flex;gap:25px;align-items:center;font-size:13px;font-weight:600;flex-wrap:wrap}.nav-links a{text-decoration:none}.nav-links a:hover{text-decoration:underline}.beta{font-size:10px;font-weight:600;border:1px solid;padding:4px 6px;letter-spacing:.6px;align-self:center}.eyebrow{font:600 11px/1.4 Arial,sans-serif;letter-spacing:1.6px;text-transform:uppercase}.hero{padding:29px 0 21px;display:flex;justify-content:space-between;align-items:flex-end;gap:30px}.hero h1{font-size:clamp(42px,5.8vw,77px);font-weight:900;line-height:.94;letter-spacing:-3.4px;text-transform:uppercase;margin:13px 0 0;max-width:900px}.hero h1 span{display:block}.hero-copy{max-width:245px;font-size:14px;line-height:1.65;padding-bottom:3px}.hero-copy strong{display:block;font-weight:600}.modebar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;border-top:1px solid #23251f40;padding:14px 0}.modes{display:flex;gap:6px;flex-wrap:wrap}.mode{background:transparent;border:1px solid #23251f60;color:var(--ink);padding:10px 15px;min-height:42px;font-weight:600;font-size:12px}.mode[aria-pressed=true]{background:var(--ink);color:var(--yellow);border-color:var(--ink)}.quiet-label{font-size:11px;letter-spacing:.2px}.workspace{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);align-items:stretch;padding-bottom:29px;gap:26px}.editor{min-width:0;background:var(--ink);color:var(--paper);padding:23px 26px;box-shadow:6px 6px 0 #ffffff8c}.editor-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-bottom:17px}.editor .eyebrow{color:var(--yellow)}.pan-grid,.yield-grid{display:grid;grid-template-columns:1fr 1fr;gap:23px}.pan-part{min-width:0}.pan-part h2,.yield-label{font-size:14px;font-weight:500;margin-bottom:13px;display:block}.shape-tabs{display:flex;gap:5px;margin-bottom:14px}.shape-tabs button{flex:1;min-height:35px;padding:5px 6px;font-size:11px;border:1px solid #747669;color:#e3e6d8;background:transparent}.shape-tabs button[aria-pressed=true]{border-color:var(--yellow);background:var(--yellow);color:var(--ink)}.field-name{display:block;font-size:10px;color:#c5c7bb;margin-bottom:5px}.measure-fields{display:grid;grid-template-columns:minmax(0,1fr) 69px;gap:8px;align-items:end}.measure-fields input,.yield-grid input{width:100%;color:var(--yellow);border:0;border-bottom:1px solid #858779;background:transparent;font-weight:700;font-size:33px;letter-spacing:-1px;padding:2px 0 6px;font-variant-numeric:tabular-nums;border-radius:0}.measure-fields select{background:var(--ink);color:var(--paper);border:1px solid #747669;padding:5px;font-size:12px;width:100%}.measure-fields .second-dimension{grid-column:1 / -1}.second-dimension input{font-size:26px}.count-line{display:flex;align-items:center;gap:9px;margin-top:10px;font-size:11px;color:#d4d6c8}.count-line input{width:48px;min-height:32px;background:transparent;border:1px solid #747669;color:var(--paper);padding:4px 6px}.presets{display:flex;gap:7px;flex-wrap:wrap;margin-top:18px}.presets button{border:1px solid #747669;background:transparent;color:#dee0d4;min-height:32px;padding:6px 9px;font-size:10px}.presets button:hover{background:#414439}.assumption-check{display:flex;align-items:flex-start;gap:9px;font-size:11px;line-height:1.5;border-top:1px solid #626657;padding-top:15px;margin-top:16px}.assumption-check input{width:18px;height:18px;min-height:18px;accent-color:var(--yellow);flex-shrink:0;margin:0}.error{padding:12px 13px;background:#fff1e7;color:#8e241d;border:1px solid #ca5e4f;font-size:12px;line-height:1.5;margin-top:15px}.editor .error{background:#522b26;color:#ffe3d6;border-color:#d39678}.result-zone{min-width:0;display:flex;flex-direction:column}.result-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.result-factor{font-size:58px;line-height:1;font-weight:900;letter-spacing:-3px;font-variant-numeric:tabular-nums;margin-top:7px}.result-caption{font-size:12px;line-height:1.5;max-width:170px;margin-top:9px}.formula-link{font-size:11px;display:block;margin-top:7px}.pan-visual{flex:1;min-height:115px;display:flex;align-items:center;margin-top:4px}.pan-visual svg{width:100%;max-height:175px}.result-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #23251f44;padding-top:13px}.result-example{font-size:12px;font-weight:600}.primary{display:inline-flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid var(--ink);background:var(--ink);color:var(--yellow);padding:13px 17px;font-size:12px;font-weight:600;text-decoration:none;min-height:46px;transition:transform .18s,background .18s}.primary:hover:not(:disabled){background:#3d4035;transform:translateY(-1px)}.arrow{font-size:18px}.assumption-note{font-size:11px;line-height:1.6;color:#494a37;max-width:1100px;padding:0 0 23px}.ticker{border-top:1px solid #23251f;border-bottom:1px solid #23251f;background:var(--paper);padding:12px 0}.ticker .wrap{display:flex;gap:18px;justify-content:space-between;flex-wrap:wrap;font:600 10px/1.4 Arial,sans-serif;letter-spacing:1px;text-transform:uppercase}.sheet{padding-top:38px;padding-bottom:38px;scroll-margin-top:15px}.section-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;flex-wrap:wrap;margin-bottom:22px}.section-header h2{font-size:35px;letter-spacing:-1.4px;margin-top:8px;font-weight:700}.section-description{font-size:12px;line-height:1.7;color:var(--muted);max-width:570px;margin-top:7px}.sheet-toolbar{display:flex;gap:7px;flex-wrap:wrap}.secondary{border:1px solid #a8aa9e;background:transparent;color:var(--ink);padding:10px 12px;font-size:12px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:6px;text-decoration:none}.secondary:hover{background:#eeece3}.project-title{display:flex;gap:13px;align-items:center;flex-wrap:wrap;margin-bottom:19px}.project-title label{font-size:12px}.project-title input{flex:1;min-width:180px;border:0;border-bottom:1px solid var(--line);background:transparent;padding:8px 0;font-size:17px;font-family:Georgia,serif;color:var(--ink);max-width:650px}.ingredients{border-top:2px solid var(--ink)}.ingredient-head,.ingredient-row{display:grid;grid-template-columns:26px minmax(90px,2fr) minmax(75px,.8fr) minmax(100px,1.1fr) minmax(90px,1fr) 40px;gap:12px;align-items:center}.ingredient-head{font-size:10px;text-transform:uppercase;letter-spacing:1px;padding:13px 0;border-bottom:1px solid var(--line);color:var(--muted)}.ingredient-row{padding:11px 0;border-bottom:1px solid var(--line)}.ingredient-row input:not([type=checkbox]),.ingredient-row select{width:100%;border:1px solid var(--line);background:transparent;color:var(--ink);padding:9px 8px;font-size:13px}.ingredient-row input[type=checkbox]{width:19px;height:19px;min-height:19px;accent-color:var(--ink);margin:0}.ingredient-row output{text-align:right;font-size:18px;font-weight:700;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.ingredient-row .remove{border:0;background:transparent;font-size:23px;min-width:36px;color:#64675c}.ingredient-row.done .ingredient-name{text-decoration:line-through;opacity:.6}.row-label{display:none}.ingredient-row .row-name{min-width:0}.ingredient-row select{font-size:11px}.sheet-end{display:flex;justify-content:space-between;gap:18px;align-items:center;flex-wrap:wrap;margin-top:18px}.sheet-hint{color:var(--muted);font-size:11px;line-height:1.6;max-width:460px}.storage-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px;margin-top:26px;padding:18px 20px;background:#ebe9e0;border-left:3px solid var(--ink)}.storage-bar p{font-size:11px;line-height:1.6;max-width:530px}.storage-actions{display:flex;gap:6px;flex-wrap:wrap}.status{font-size:12px;min-height:22px;color:#374830;margin-top:13px}.method{border-top:1px solid var(--line);padding:35px 0 40px;display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:50px}.method h2{font:400 35px/1.12 Georgia,serif;letter-spacing:-1px}.method h2 em{font-weight:400}.method p{font-size:13px;line-height:1.8;color:var(--muted);margin-top:14px;max-width:420px}.method details{border-bottom:1px solid var(--line);padding:15px 0;font-size:13px}.method summary{cursor:pointer;font-weight:600;line-height:1.5;min-height:28px}.method details p{margin:10px 0 0;max-width:none}.method code{font-family:monospace;overflow-wrap:anywhere;color:var(--ink);font-size:12px}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:40px}.guide-link{padding:24px 25px 24px 0;text-decoration:none;min-width:0}.guide-link+.guide-link{border-left:1px solid var(--line);padding-left:25px}.guide-link h3{font-size:19px;letter-spacing:-.6px;font-weight:600;margin-top:8px;line-height:1.2}.guide-link p{font-size:12px;color:var(--muted);line-height:1.65;margin-top:9px}.guide-link:hover h3{text-decoration:underline}.foot{background:var(--ink);color:#e4e6d9;padding:28px 0}.foot .wrap{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap}.foot strong{font-weight:800;font-size:20px;letter-spacing:-.7px}.foot p{font-size:11px;line-height:1.7;margin-top:8px;max-width:500px;color:#bfc4b2}.foot-links{display:flex;gap:18px;align-items:flex-start;font-size:11px;flex-wrap:wrap}.noscript{padding:20px;background:white;color:#7a241c}.article{max-width:780px;margin:auto;padding:45px 24px 60px}.article h1{font-size:clamp(33px,5vw,56px);line-height:1.03;letter-spacing:-2px;margin:17px 0}.article h2{font-size:25px;line-height:1.2;letter-spacing:-.7px;margin:35px 0 13px}.article h3{font-size:18px;margin:25px 0 10px}.article p,.article li{font-size:15px;line-height:1.85;margin:12px 0;color:#4d5145}.article ul,.article ol{padding-left:22px}.article .lede{font:400 21px/1.6 Georgia,serif;color:var(--ink)}.article .formula-box{background:var(--yellow);padding:22px;margin:25px 0;font-family:monospace;overflow-wrap:anywhere}.article .callout{padding:18px 22px;background:#edeadf;border-left:3px solid var(--ink);margin:25px 0}.article .source-list{font-size:12px}.print-only{display:none}.table-scroll{overflow-x:auto}.article table{border-collapse:collapse;width:100%;font-size:13px}.article th,.article td{border-bottom:1px solid var(--line);padding:12px 8px;text-align:left}.file-import{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.storage-panel{padding:18px;border:1px solid var(--line);margin-top:15px}.storage-panel h3{font-size:16px;margin-bottom:10px}.saved-item{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid var(--line);padding:9px 0}.saved-item span{font-size:13px;overflow-wrap:anywhere;min-width:0}.saved-item small{display:block;color:var(--muted);font-size:10px}.saved-item .actions{display:flex;gap:5px}.print-settings{display:flex;align-items:center;gap:8px;font-size:11px;margin-bottom:10px}.print-settings select{border:1px solid var(--line);background:transparent;padding:5px;min-height:35px}
@media(max-width:1000px){.wrap{padding:0 28px}.hero{align-items:flex-start}.hero-copy{max-width:210px;font-size:13px}.workspace{gap:22px}.editor{padding:20px}.pan-grid{gap:16px}.result-factor{font-size:52px}.result-bottom{flex-wrap:wrap}.result-bottom .primary{width:100%}.method{gap:30px}.ingredient-head,.ingredient-row{gap:9px}}
@media(max-width:720px){.wrap{padding:0 20px}.nav{padding:18px 0 16px;gap:12px}.wordmark{font-size:26px}.nav-links{gap:13px;font-size:11px}.nav-links .desktop-link{display:none}.hero{display:block;padding-top:23px}.hero h1{font-size:clamp(38px,8.7vw,60px);letter-spacing:-2px;line-height:.98}.hero-copy{max-width:420px;margin-top:17px;font-size:13px}.hero-copy strong{display:inline}.hero .eyebrow{font-size:10px;letter-spacing:1px}.modebar{padding:12px 0}.quiet-label{display:none}.workspace{grid-template-columns:1fr;gap:23px;padding-bottom:18px}.editor{box-shadow:4px 4px 0 #ffffff8c}.result-zone{padding:0 2px}.result-head{align-items:center}.result-factor{font-size:53px}.result-caption{max-width:175px;font-size:11px}.pan-visual{min-height:90px;margin-top:0}.pan-visual svg{max-height:135px}.result-bottom{flex-wrap:nowrap;gap:14px}.result-bottom .primary{width:auto}.result-example{font-size:11px}.assumption-note{font-size:10px;padding-bottom:20px}.ticker .wrap{font-size:9px;gap:9px}.sheet{padding-top:29px}.section-header{gap:15px}.section-header h2{font-size:29px}.section-description{font-size:11px}.sheet-toolbar{gap:5px}.secondary{font-size:11px;padding:9px 10px}.ingredient-head{display:none}.ingredient-row{grid-template-columns:25px minmax(0,1fr) minmax(0,1fr) 34px;gap:10px;padding:15px 0}.ingredient-row .row-check{grid-column:1;grid-row:1}.ingredient-row .row-name{grid-column:2 / 4;grid-row:1}.ingredient-row .row-amount{grid-column:2;grid-row:2}.ingredient-row .row-unit{grid-column:3;grid-row:2}.ingredient-row .row-output{grid-column:2 / 4;grid-row:3;display:flex;align-items:center;justify-content:space-between;gap:10px}.ingredient-row .remove{grid-column:4;grid-row:1}.row-label{display:block;font-size:10px;color:var(--muted);margin-bottom:4px;font-weight:400}.row-output .row-label{margin:0}.row-output output{font-size:22px}.storage-bar{padding:15px}.method{grid-template-columns:1fr;gap:16px;padding-top:28px}.method h2{font-size:29px}.guide-grid{grid-template-columns:1fr}.guide-link,.guide-link+.guide-link{padding:20px 0;border-left:0}.guide-link+.guide-link{border-top:1px solid var(--line)}.guide-link h3{font-size:21px}.project-title{gap:8px}.project-title input{width:100%;font-size:16px}.foot .wrap{gap:20px}.saved-item{align-items:flex-start;flex-wrap:wrap}}
@media(max-width:380px){.wrap{padding:0 16px}.hero h1{font-size:36px}.editor{padding:18px 15px}.measure-fields{grid-template-columns:minmax(0,1fr) 60px}.pan-grid{gap:14px}.measure-fields input{font-size:29px}.result-bottom{flex-wrap:wrap}.result-bottom .primary{width:100%}.pan-part h2{font-size:12px}.beta{display:none}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
@page{size:auto;margin:15mm}
@media print{body{background:white;color:black;font-size:11pt}.skip,.top,.ticker,.nav,.sheet-toolbar,.storage-bar,.storage-panel,.sheet-end,.method,.guide-grid,.foot,.status,.remove,.print-settings,.file-import,.no-print,.ingredient-row input[type=checkbox]{display:none!important}.wrap{max-width:none;padding:0}.sheet{padding:0}.sheet .eyebrow{display:none}.sheet .section-header{margin-bottom:12px}.section-header h2{font-size:24pt}.project-title input{border:0;font-size:16pt;max-width:100%}.project-title label{display:none}.section-description{font-size:9pt}.print-only{display:block}.print-summary{font-size:10pt;line-height:1.6;margin-bottom:15px;white-space:pre-line}.ingredient-head,.ingredient-row{display:grid;grid-template-columns:0 minmax(0,2fr) minmax(0,.8fr) minmax(0,1fr) minmax(0,1.2fr) 0;gap:10px;break-inside:avoid;align-items:center}.ingredient-row>*{grid-column:auto!important;grid-row:auto!important}.ingredient-row .row-output{display:block}.ingredient-row input,.ingredient-row select{appearance:none;border:0!important;padding:0!important;min-height:0!important;font-size:10pt!important}.row-label{display:none!important}.ingredient-row output{font-size:11pt}.ingredient-row{padding:9px 0}.ingredient-head{font-size:8pt}.print-notes{font-size:9pt;margin-top:15px;line-height:1.6}.article{padding:0}.article h1{font-size:25pt}}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.field-note{font-size:10px;line-height:1.5;margin:4px 0 12px;color:#53553f}
.result-head{flex-wrap:wrap}.result-factor{overflow-wrap:anywhere;max-width:100%}.result-factor.is-long{font-size:34px;letter-spacing:-1px}.error{overflow-wrap:anywhere}.editor button:focus-visible,.editor input:focus-visible,.editor select:focus-visible{outline-color:#fff}
@media(max-width:720px){.nav{flex-wrap:wrap}.nav .beta{display:none}.result-caption{max-width:100%;margin-top:0}.result-head{gap:10px}.pan-visual{margin-top:8px}}