:root{--ink:#233f35;--muted:#6f766d;--paper:#faf9f4;--green:#244d3f;--orange:#c45c36;--line:#e0e1d8;--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.6}.wrap{max-width:1240px;margin:auto;padding-left:40px;padding-right:40px}button,input,textarea{font:inherit}button,a,input,textarea,summary{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:4px}input:focus,textarea:focus{outline:2px solid #668a70;outline-offset:1px}[hidden]{display:none!important}.skip{position:fixed;top:-100px;left:16px;background:white;padding:10px;z-index:99}.skip:focus{top:10px}.nav{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-weight:700;font-size:24px;letter-spacing:-1px;display:flex;align-items:center}.brand-icon{display:inline-flex;width:35px;height:36px;align-items:center;justify-content:center;border-radius:11px 11px 4px 11px;background:var(--green);color:var(--paper);font-family:var(--serif);font-style:italic;margin-right:10px;font-size:26px}.brand-icon span{margin-left:-4px}.brand-dot{color:var(--orange)}.nav nav{display:flex;gap:30px;color:#5f6e61;font-size:13px}.free{font-size:10px;font-weight:700;letter-spacing:1.3px;display:flex;align-items:center;gap:9px}.free>span{width:6px;height:6px;background:#84946b;border-radius:50%}.hero{display:grid;grid-template-columns:1.6fr 1fr;align-items:center;gap:80px;padding-top:64px;padding-bottom:52px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;color:#75846e;margin:0 0 18px}h1{font-family:var(--serif);font-size:76px;line-height:1.02;letter-spacing:-3px;font-weight:400;margin:0 0 24px}h1 em{color:var(--orange);font-weight:400}.intro{max-width:430px;color:#677265;font-size:16px;line-height:1.7;margin-bottom:26px}.hero-tags{display:flex;gap:21px;font-size:11px;color:#61725d}.hero-note{background:#eeeee2;transform:rotate(3deg);padding:28px 32px;max-width:335px;position:relative;box-shadow:4px 8px 0 #e4e5d9}.hero-note:before{content:'';position:absolute;top:-11px;left:39%;width:74px;height:23px;background:#d7dbbe99;transform:rotate(-7deg)}.note-label{font-size:9px;letter-spacing:1.5px}.plates{display:flex;align-items:center;justify-content:space-around;margin-top:18px}.plates>span{font-family:var(--serif);font-size:38px;border:1px solid #b6c3aa;outline:1px solid #cbd2be;outline-offset:5px;border-radius:50%;width:65px;height:65px;text-align:center;line-height:65px}.plates i{font-size:28px;font-style:normal;color:var(--orange)}.hero-note p{font-size:9px;display:flex;justify-content:space-between;padding:2px 7px;color:#6b7561}.note-rule{border-top:1px dashed #bec7b0;margin:17px 0}.hero-note>span:not(.note-label){font-size:12px;display:flex;justify-content:space-between}.hero-note b{font-weight:500}.hero-note small{display:block;margin-top:16px;font-size:10px;color:#7a806e}.ad-slot{display:flex;align-items:center;justify-content:center;gap:22px;border:1px dashed #d9dbce;min-height:66px;color:#929588;background:#f4f4ec}.ad-slot>span{font-size:8px;letter-spacing:1.5px}.ad-slot p{font-size:11px}.tool{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:26px;margin-top:30px}.card{border:1px solid var(--line);border-radius:12px;background:#fffefa}.editor{padding:26px}.card-heading{display:flex;align-items:center;gap:10px;margin-bottom:22px}.card-heading h2{font-size:17px;margin:0;font-weight:500;letter-spacing:-.3px}.step{width:25px;height:25px;background:#eceee4;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:10px}.text-btn{border:0;background:none;color:var(--orange);font-size:11px;padding:4px 0}.card-heading .text-btn{margin-left:auto}.tabs{background:#f0f1e9;padding:4px;display:flex;border-radius:7px;margin-bottom:21px}.tabs button{border:0;background:none;padding:9px;flex:1;border-radius:5px;font-size:12px;color:#75806d}.tabs button[aria-selected=true]{background:#fffefa;color:var(--ink);box-shadow:0 1px 4px #273d3115}.field-label{font-size:11px;font-weight:600;display:flex;justify-content:space-between;margin:12px 0 8px}.field-label span{font-size:10px;font-weight:400;color:#8a8f80}textarea{width:100%;min-height:245px;resize:vertical;background:#fcfcf8;border:1px solid #dfe1d5;border-radius:6px;padding:16px;color:#42503f;font-size:12px;line-height:1.85}textarea::placeholder{color:#9a9c8f}.fine{font-size:10px;color:#7b8273;line-height:1.65;margin:8px 0 0}.serving-heading{margin-top:26px;margin-bottom:14px}.servings{display:grid;grid-template-columns:1fr 40px 1fr;align-items:center}.servings label{font-size:11px}.servings input{display:block;width:100%;margin-top:6px;padding:9px 13px;border:1px solid #daddcf;background:#fcfcf8;border-radius:6px;color:var(--ink);font-size:22px;font-family:var(--serif);height:48px}.serving-arrow{text-align:center;padding-top:20px;color:#89937d}.presets{display:flex;gap:8px;margin:14px 0 20px}.presets button,.output-actions button{background:transparent;border:1px solid #d4dbcd;border-radius:5px;color:#52664d;padding:6px 14px;font-size:10px}.presets button:hover,.output-actions button:hover{background:#e5ecd9}.command{display:flex;border:1px solid #daddcf;border-radius:6px;background:#fcfcf8}.command input{width:100%;border:0;background:none;padding:11px;font-size:12px;color:var(--ink);border-radius:5px}.command button{border:0;background:none;padding:0 15px;color:var(--orange);font-size:20px}.status{font-size:11px;color:#84623e;min-height:0;margin:6px 0}.status:empty{display:none}.primary{background:var(--green);color:#fffefa;width:100%;border:0;border-radius:6px;padding:15px 20px;display:flex;justify-content:space-between;font-size:12px;margin-top:20px}.primary:hover{background:#30634f}.clear{display:block;color:#828a79;margin:11px auto 0;font-size:10px}.result{padding:27px;background:#eef2e7;border-color:#dde4d4;min-height:488px;overflow:hidden}.result-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.result-top .eyebrow{margin:0;font-size:9px;letter-spacing:1.4px}.factor{font-size:8px;letter-spacing:1px;padding:4px 8px;background:#e2e9d9;border-radius:4px;white-space:nowrap}.empty-art{width:210px;margin:35px auto 4px}#empty{text-align:center}#empty h2{font-family:var(--serif);font-weight:400;font-size:29px;line-height:1.25;letter-spacing:-.4px;margin:7px 0 12px}#empty p{font-size:12px;color:#809076;line-height:1.8}#empty .text-btn{margin-top:8px}.result-foot{margin-top:34px;padding-top:18px;border-top:1px solid #d6e0ca;color:#85957a;font-size:9px;text-align:center}.partner{margin-top:23px;background:#f1e9dc;border-radius:10px;padding:26px;position:relative;overflow:hidden}.partner .eyebrow{font-size:8px;color:#9d856a}.partner h3{font-size:28px;font-family:var(--serif);font-weight:400;line-height:1.2;margin:13px 0;color:#6e5940}.partner p{color:#93846e;max-width:260px;font-size:11px}.outline-pill{display:inline-block;border:1px solid #d5c8b5;border-radius:20px;padding:4px 10px;font-size:9px;color:#9a8164}.partner svg{position:absolute;width:116px;height:116px;right:15px;top:58px;transform:rotate(-12deg);color:#baa27c;opacity:.4}.drop{position:relative;min-height:170px;border:1px dashed #aabb9c;border-radius:6px;background:#f4f6ed;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;text-align:center;padding:15px}.drop input{position:absolute;width:100%;height:100%;opacity:0;cursor:pointer;inset:0}.drop:focus-within{outline:2px solid var(--orange)}.drop strong{font-size:13px}.drop span{font-size:11px}.drop .upload-symbol{font-size:28px;color:var(--orange)}.drop small{font-size:9px;color:#889079;margin-top:10px}.drop.dragging{background:#dee9cf}.range-note,.warning{background:#fff2d9;color:#856535;border:1px solid #eadbb5;padding:10px;border-radius:5px;font-size:11px;margin:12px 0}.range-note button{margin-left:8px;background:white;border:1px solid #d9c19b;border-radius:4px;font-size:11px}#recipe-title{font-size:31px;font-family:var(--serif);line-height:1.2;font-weight:400;margin:25px 0 7px;overflow-wrap:anywhere}.result-meta{font-size:11px;color:#728264;margin:0 0 16px}.output-actions{display:flex;gap:7px;flex-wrap:wrap}.output-actions button{padding:7px 10px}.output-actions button:first-child{background:#244d3f;color:white;border-color:#244d3f}.table-head{display:grid;grid-template-columns:1fr 1fr;font-size:8px;letter-spacing:1px;color:#8a967e;margin:26px 0 4px;padding-bottom:8px;border-bottom:1px solid #d6dfcb}.ingredient-row{display:grid;grid-template-columns:1fr 1fr;gap:15px;border-bottom:1px solid #dce4d2;padding:12px 0;font-size:12px;overflow-wrap:anywhere}.ingredient-row>span{color:#85907b;font-size:11px}.ingredient-row label{display:flex;align-items:start;gap:8px;cursor:pointer}.ingredient-row input{accent-color:#244d3f;margin-top:4px;flex-shrink:0}.ingredient-row:has(input:checked) label span{text-decoration:line-through;opacity:.5}.flag{display:block;font-size:9px;color:#9b6a35;margin-top:5px;font-weight:400}.kitchen-check{margin-top:23px;font-size:10px;color:#7e8b70;padding:13px;border:1px dashed #becdac;border-radius:5px}.kitchen-check strong{font-size:11px;font-weight:500}.kitchen-check p{margin:5px 0 0}#directions-wrap{border-top:1px solid #ced9c1;margin-top:22px;padding-top:6px}#directions-wrap h3{font-size:14px;font-weight:500}#directions{white-space:pre-wrap;font-size:12px;color:#65745c}.how{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px;padding-top:68px;padding-bottom:64px;border-bottom:1px solid var(--line);margin-top:5px}.how h2,.notes h2,.affiliate h2,.faq h2{font-family:var(--serif);font-weight:400;font-size:32px;line-height:1.15;letter-spacing:-.6px;margin:0}.how .eyebrow{font-size:8px}.how article>span{font-size:9px;letter-spacing:1px;color:var(--orange)}.how h3{font-size:14px;font-weight:500;margin:13px 0 9px}.how p{font-size:11px;color:#7b8373;margin:0;line-height:1.8}.notes{display:grid;grid-template-columns:1fr 1.5fr;gap:80px;padding-top:65px;padding-bottom:65px}.notes>div>p:not(.eyebrow){font-size:12px;color:#788370;line-height:1.9;max-width:350px}.tips-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px 35px}.tips-grid article>span{font-size:9px;color:#9caa8b}.tips-grid h3{font-size:13px;font-weight:500;margin:5px 0 10px}.tips-grid p{font-size:11px;color:#7b8373;line-height:1.8;margin:0}.affiliate{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:25px;background:#eeeee3;padding-top:30px;padding-bottom:30px}.affiliate .eyebrow{font-size:8px;margin-bottom:10px}.affiliate h2{font-size:24px}.affiliate p{font-size:10px;color:#7d8573}.essential{border-left:1px solid #d8ddcc;padding-left:20px;display:flex;flex-direction:column;justify-content:center;gap:7px}.essential>span{font-family:var(--serif);font-size:28px;color:#9ba88b}.essential strong{font-size:11px;font-weight:500}.essential small{font-size:9px;color:#8b917f}.lower{margin-top:40px;min-height:85px}.faq{display:grid;grid-template-columns:1fr 1.6fr;gap:60px;padding-top:65px;padding-bottom:70px}.faq>div>p{font-size:12px;color:#8a9180}.faq details{border-bottom:1px solid var(--line);padding:16px 0}.faq summary{font-size:13px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq summary:after{content:'+';color:#8c9a7b}.faq details[open] summary:after{content:'−'}.faq details p{color:#76826a;font-size:12px;line-height:1.8}footer{border-top:1px solid var(--line);padding-top:28px!important;padding-bottom:30px!important;display:flex;align-items:center;gap:24px;flex-wrap:wrap}footer .brand{font-size:20px}footer>span{font-size:10px;color:#8b9381}footer>div{margin-left:auto;display:flex;gap:18px}footer button{border:0;background:none;padding:0;color:#7e8a70;font-size:10px}footer small{width:100%;font-size:9px;color:#a1a793}dialog{max-width:610px;width:calc(100% - 30px);border:1px solid var(--line);background:var(--paper);border-radius:12px;padding:35px;color:var(--ink);box-shadow:0 20px 80px #17332322}dialog::backdrop{background:#19312466}#close-dialog{position:absolute;right:15px;top:8px;font-size:25px;border:0;background:none;color:#7e8b72}dialog h2{font-family:var(--serif);font-size:30px;font-weight:400}dialog p{font-size:13px;color:#738067}.cook-mode .editor,.cook-mode .hero,.cook-mode .nav,.cook-mode .partner,.cook-mode .ad-slot,.cook-mode .how,.cook-mode .notes,.cook-mode .affiliate,.cook-mode .faq,.cook-mode footer{display:none}.cook-mode .tool{display:block;max-width:850px;margin:30px auto}.cook-mode .ingredient-row{font-size:19px}.cook-mode .result{min-height:80vh}.cook-mode .ingredient-row>span{font-size:15px}
@media(min-width:1450px){.wrap{max-width:1340px}.hero{padding-top:80px;padding-bottom:65px}h1{font-size:86px}.hero-note{justify-self:center}.editor{padding:32px}.result{padding:32px}textarea{min-height:270px}}@media(max-width:850px){.wrap{padding-left:23px;padding-right:23px}.hero{gap:30px}h1{font-size:60px}.hero-note{padding:25px 20px}.hero-tags{gap:12px;font-size:9px}.tool{gap:17px}.editor,.result{padding:20px}.card-heading{gap:7px}.card-heading h2{font-size:15px}.card-heading .text-btn{font-size:9px}.how{grid-template-columns:1fr 1fr;gap:25px}.notes{gap:30px}.affiliate{grid-template-columns:1fr 1fr}.faq{gap:30px}.brand{font-size:21px}.nav nav{gap:15px}.free{font-size:8px}.partner svg{right:0;opacity:.2}}
@media(max-width:620px){.nav{height:78px}.nav nav{display:none}.hero{display:block;padding-top:40px;padding-bottom:30px}h1{font-size:61px;letter-spacing:-2px}.hero .eyebrow{font-size:8px}.intro{font-size:14px}.hero-note{display:none}.hero-tags{gap:15px;font-size:10px}.tool{display:flex;flex-direction:column;margin-top:20px}.editor,.output-column{width:100%}.editor,.result{padding:22px}.result{min-height:420px}.card-heading .text-btn{font-size:10px}.partner{padding:23px;min-height:190px}.partner svg{right:20px;opacity:.4}.partner p{max-width:240px}.how{padding-top:45px;padding-bottom:40px;grid-template-columns:1fr 1fr;gap:28px 20px}.how>div{grid-column:span 2}.how h2{font-size:30px}.notes{display:block;padding-top:40px;padding-bottom:40px}.notes>div>p:not(.eyebrow){max-width:none}.tips-grid{margin-top:28px;gap:25px}.affiliate{margin:0 23px;padding:24px;grid-template-columns:1fr}.essential{padding:12px 0;border-left:0;border-top:1px solid #d8ddcc}.essential>span{display:none}.lower{margin-top:25px}.faq{display:block;padding-top:40px;padding-bottom:40px}.faq>div:first-child{margin-bottom:20px}footer{gap:15px}footer>span{width:100%}footer>div{margin-left:0}.ad-slot{flex-direction:column;gap:0;padding:10px}.ad-slot p{margin:4px 0;font-size:9px}.result-top .eyebrow{font-size:8px}.factor{font-size:7px}#recipe-title{font-size:28px}.ingredient-row{gap:10px} .cook-mode .tool{margin-top:10px}.cook-mode .ingredient-row{font-size:16px}}
@media print{body{background:white}.nav,.hero,.editor,.partner,.how,.notes,.affiliate,.faq,footer,.ad-slot,.output-actions,.result-foot,#empty,.skip{display:none!important}.wrap,.tool{display:block;max-width:none;padding:0;margin:0}.result{background:white;border:0;padding:0}.ingredient-row{break-inside:avoid}.output-column{width:100%}.result-top{margin-bottom:20px}.ingredient-row>span{color:#555}.kitchen-check{color:#333}input[type=checkbox]{display:none}}
/* Warm, food-led editorial accents. */
:root{--paper:#fbf6ec;--ink:#2c4234;--green:#2d5140;--orange:#bd5f3d;--line:#e3dfd1}body{background-color:var(--paper);background-image:repeating-linear-gradient(0deg,rgba(130,105,67,.018) 0,rgba(130,105,67,.018) 1px,transparent 1px,transparent 4px),repeating-linear-gradient(90deg,rgba(130,105,67,.014) 0,rgba(130,105,67,.014) 1px,transparent 1px,transparent 5px)}.nav{border-color:#ded8c9}.hero{grid-template-columns:1.04fr 1fr;gap:55px;padding-top:48px;padding-bottom:40px}.hero h1{font-size:76px}.hero .intro{max-width:435px}.hero-photo{margin:0;position:relative;transform:rotate(1.2deg);padding:9px 9px 0;background:#fffdf5;border:1px solid #e0d7c5;border-radius:6px;box-shadow:0 10px 30px #76532412}.hero-photo>img{display:block;width:100%;height:auto;aspect-ratio:1.46;object-fit:cover;object-position:center 49%;border-radius:2px}.hero-photo figcaption{padding:13px 8px 15px;display:flex;justify-content:space-between;align-items:center;gap:9px}.handwritten{font-family:Georgia,serif;font-style:italic;font-size:20px;letter-spacing:-.4px;color:#8e6342}.photo-note{font-size:7px;letter-spacing:1.1px;color:#8d927a;max-width:115px;text-align:right}.ad-slot{background:#f3eee150;border-color:#d9d1bc}.editor{background:#fffdf7;box-shadow:0 4px 22px #76532404}.result{background:#edf0e1;border-color:#d8deca}.empty-art{width:100%;margin:25px auto 18px}.empty-art img{width:100%;height:170px;object-fit:cover;object-position:center 53%;display:block;border-radius:7px;box-shadow:0 3px 10px #2a3a2710}#empty h2{font-size:30px}#empty p{color:#7b8969}.result-foot{margin-top:25px}.partner{background:#eee1ce}.how{border-color:#dfd8c6}.together{padding-top:36px;padding-bottom:22px}.together-inner{display:grid;grid-template-columns:1fr 1fr;gap:0;overflow:hidden;border:1px solid #e2d6c1;border-radius:11px;background:#f0e5d1}.together figure{margin:0;position:relative;min-height:300px}.together figure img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 55%;position:absolute;inset:0}.together figcaption{position:absolute;bottom:16px;left:19px;color:#fff9ec;font-family:Georgia,serif;font-size:17px;font-style:italic;text-shadow:0 1px 6px #2d1b10;z-index:1}.together figure:after{content:'';position:absolute;inset:60% 0 0;background:linear-gradient(transparent,#251b124d);pointer-events:none}.together-copy{padding:38px 42px;align-self:center}.together-copy .eyebrow{font-size:8px;letter-spacing:1.4px;color:#9a7550;margin-bottom:15px}.together-copy h2{font-family:Georgia,serif;font-size:36px;line-height:1.14;font-weight:400;letter-spacing:-.6px;margin:0 0 19px;color:#4a5038}.together-copy>p:not(.eyebrow){font-size:12px;color:#8b7a60;line-height:1.85;margin-bottom:13px}.together-link{display:inline-flex;align-items:center;gap:21px;font-size:11px;color:#a85d3c;border-bottom:1px solid #cba988;padding:5px 0 8px;margin-top:4px}.together-link:hover{color:#713b25;border-color:#713b25}.notes{padding-top:45px}.affiliate{background:#ecebd9;border-radius:8px}.faq{padding-top:55px}.cook-mode .together{display:none}
@media(min-width:1450px){.hero{padding-top:58px;padding-bottom:45px;gap:65px}.hero h1{font-size:84px}.hero-photo>img{aspect-ratio:1.48}.together figure{min-height:335px}.empty-art img{height:185px}}
@media(max-width:1000px){.hero{gap:32px}.hero h1{font-size:64px}.hero-photo>img{aspect-ratio:1.2}.handwritten{font-size:17px}.photo-note{font-size:6px;max-width:90px}.together-copy{padding:28px}.together-copy h2{font-size:31px}}
@media(max-width:850px){.hero h1{font-size:59px}.hero-tags{flex-wrap:wrap;gap:5px 14px}.hero-photo figcaption{padding:12px 5px}.photo-note{display:none}.together-copy{padding:25px}.together-copy h2{font-size:28px}.together figure{min-height:315px}}
@media(max-width:620px){.hero{display:flex;flex-direction:column;gap:25px;padding-top:33px;padding-bottom:26px;align-items:stretch}.hero h1{font-size:61px}.hero .intro{font-size:14px;max-width:100%;margin-bottom:20px}.hero-tags{font-size:10px;gap:8px 15px}.hero-photo{width:100%;transform:rotate(.7deg);padding:7px 7px 0;margin-bottom:2px}.hero-photo>img{aspect-ratio:1.8;object-position:center 43%}.hero-photo figcaption{padding:10px 6px 12px}.handwritten{font-size:18px}.photo-note{display:block;font-size:6px;max-width:110px}.empty-art img{height:175px}.together{padding-top:28px;padding-bottom:8px}.together-inner{display:block}.together figure{min-height:0;aspect-ratio:1.65}.together figure img{object-position:center 40%}.together-copy{padding:27px 25px 30px}.together-copy h2{font-size:32px}.together-copy .eyebrow{font-size:8px}.together-copy>p:not(.eyebrow){font-size:12px}.notes{padding-top:34px}.affiliate{margin-left:23px;margin-right:23px}.faq{padding-top:36px}}
@media print{body{background:white!important}.together{display:none!important}}
.together figure img{object-position:center 20%}
/* Fit the headline to its column, with intentional two-line phrasing. */
.hero{grid-template-columns:minmax(0,1.04fr) minmax(0,1fr);align-items:center}.hero-copy{container-type:inline-size;min-width:0;text-align:left}.hero h1{font-size:clamp(32px,5vw,72px);font-size:clamp(32px,12.7cqi,72px);line-height:1.08;letter-spacing:-.045em;margin:0 0 20px}.hero-line{display:block;white-space:nowrap}.hero .intro{font-size:16px;line-height:1.75;margin-top:0;max-width:38ch}.hero-tags{flex-wrap:wrap;gap:8px 18px}.hero-photo{min-width:0}.tool>*{min-width:0}.servings{grid-template-columns:minmax(0,1fr) 36px minmax(0,1fr)}.command input{min-width:0}.hero img,.together img{max-width:100%}
@media(max-width:760px){
 .wrap{padding-left:20px;padding-right:20px}.hero{display:grid;grid-template-columns:minmax(0,1fr);gap:25px;padding-top:32px;padding-bottom:27px;align-items:start}.hero-copy{width:100%;max-width:600px}.hero h1{font-size:clamp(32px,12.7cqi,68px);line-height:1.1;margin-bottom:18px}.hero .eyebrow{font-size:9px;letter-spacing:1.15px;margin-bottom:16px}.hero .intro{font-size:16px;line-height:1.65;max-width:39ch;margin-bottom:20px}.hero-tags{font-size:11px;line-height:1.5;gap:8px 17px}.hero-photo{width:100%;max-width:620px;transform:none;padding:7px 7px 0;margin:0}.hero-photo>img{aspect-ratio:1.7;object-position:center 42%}.hero-photo figcaption{padding:11px 7px 13px;align-items:center;flex-wrap:wrap}.handwritten{font-size:18px}.photo-note{display:block;font-size:7px;letter-spacing:.9px;max-width:100px}.nav{height:76px;gap:12px}.nav nav{display:none}.nav .brand{font-size:21px;white-space:nowrap}.nav .free{font-size:8px;letter-spacing:.7px;white-space:nowrap;gap:6px}.nav .brand-icon{width:31px;height:33px;margin-right:8px;flex-shrink:0}
 .tool{display:flex;flex-direction:column;gap:20px;margin-top:22px}.editor,.output-column{width:100%;min-width:0}.editor,.result{padding:22px}.card-heading{flex-wrap:wrap;gap:8px;margin-bottom:15px}.card-heading h2{font-size:17px}.card-heading .text-btn{font-size:12px;min-height:44px;display:inline-flex;align-items:center}.field-label{font-size:13px;gap:12px;flex-wrap:wrap}.field-label span{font-size:11px}.fine{font-size:12px;line-height:1.65}textarea{font-size:16px;line-height:1.7;min-height:235px;padding:12px}.command input{font-size:16px;padding:11px 10px}.command button{min-width:44px;min-height:44px}.servings label{font-size:13px}.servings input{font-size:24px;min-height:48px;width:100%;min-width:0}.presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.presets button{min-height:44px;padding:8px 4px;font-size:12px}.tabs button{min-height:44px;font-size:14px;padding:9px 6px}.primary{min-height:48px;font-size:14px}.clear{min-height:44px;font-size:12px}.range-note{font-size:12px;line-height:1.7}.range-note button{min-height:44px;min-width:52px;font-size:12px;margin-top:7px}.status{font-size:12px}.result-top{flex-wrap:wrap;gap:8px}.result-top .eyebrow{font-size:9px}.factor{font-size:8px}.empty-art img{height:auto;aspect-ratio:1.8}#empty h2{font-size:29px}#empty p{font-size:13px}.result-foot{font-size:10px}.result-meta{font-size:12px}.output-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.output-actions button{min-height:44px;padding:8px 6px;font-size:12px}.output-actions button:first-child{grid-column:1/-1}.ingredient-row{font-size:14px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.ingredient-row>span{font-size:12px}.ingredient-row label{min-height:44px;gap:6px}.ingredient-row input{width:18px;height:18px;margin:3px 0 0}.flag{font-size:11px}.kitchen-check{font-size:12px}.kitchen-check strong{font-size:13px}#directions{font-size:14px}.drop{min-height:180px}.drop strong{font-size:15px}.drop small{font-size:11px}.partner p{font-size:13px}.outline-pill{font-size:11px}
 .how{grid-template-columns:1fr 1fr;gap:27px 22px;padding-top:40px;padding-bottom:38px}.how>div{grid-column:1/-1}.how h3{font-size:15px}.how p,.tips-grid p{font-size:13px;line-height:1.75}.how article>span{font-size:10px}.notes{display:block;padding-top:35px;padding-bottom:36px}.notes>div>p:not(.eyebrow){font-size:14px;max-width:none}.tips-grid{margin-top:26px;gap:25px 22px}.tips-grid h3{font-size:14px}.together{padding-top:25px;padding-bottom:8px}.together-inner{display:block}.together figure{min-height:0;aspect-ratio:1.6}.together-copy{padding:27px 24px 29px}.together-copy h2{font-size:32px}.together-copy>p:not(.eyebrow){font-size:14px}.together-link{font-size:13px;min-height:44px}.affiliate{margin-left:20px;margin-right:20px;padding:24px;grid-template-columns:1fr}.affiliate p{font-size:12px}.essential{padding:13px 0;border-left:0;border-top:1px solid #d8ddcc}.essential>span{display:none}.essential strong{font-size:13px}.essential small{font-size:12px}.faq{display:block;padding-top:38px;padding-bottom:38px}.faq>div:first-child{margin-bottom:20px}.faq>div>p{font-size:14px}.faq summary{font-size:14px;min-height:44px;align-items:center}.faq details p{font-size:14px}footer{gap:15px}footer>span{font-size:12px;width:100%}footer>div{margin-left:0;flex-wrap:wrap;gap:6px 20px}footer button{font-size:12px;min-height:44px}dialog{padding:30px 23px}dialog p{font-size:14px}.cook-mode .tool{padding-left:12px;padding-right:12px}.cook-mode .ingredient-row{font-size:16px}
}
@media(max-width:360px){.wrap{padding-left:18px;padding-right:18px}.editor,.result{padding:18px}.hero h1{font-size:clamp(30px,12.7cqi,42px)}.hero-tags{font-size:10px;gap:7px 12px}.hero-photo figcaption{gap:7px}.handwritten{font-size:16px}.photo-note{max-width:88px;font-size:6px}.nav .brand{font-size:19px}.nav .free{font-size:7px}.card-heading h2{font-size:16px}.card-heading .text-btn{font-size:11px}.step{flex-shrink:0}.tips-grid{grid-template-columns:1fr}.affiliate{margin-left:18px;margin-right:18px}.how{gap:25px 18px}.hero .eyebrow{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(max-width:1100px){textarea,.command input{font-size:16px}.tabs button,.presets button,.output-actions button,.range-note button,.clear{min-height:44px}.command button{min-width:44px;min-height:44px}.presets{flex-wrap:wrap}.presets button{font-size:12px}.fine{font-size:12px}.field-label,.servings label{font-size:12px}.result-top{flex-wrap:wrap}.output-actions{flex-wrap:wrap}}
@media(max-width:360px){.photo-note{display:none}}
/* Clear RF monogram and a third responsive advertisement placement. */
.brand{font-family:Arial,Helvetica,sans-serif;letter-spacing:-.6px}.brand-icon{font-family:Arial,Helvetica,sans-serif;font-style:normal;font-size:17px;font-weight:700;line-height:1;letter-spacing:0;gap:0}.brand-icon span{margin-left:0}.site-body{min-width:0}.site-body>main{min-width:0}.ad-rail{max-width:1240px;margin:0 auto 28px;padding:0 40px}.ad-skyscraper{min-height:90px}.ad-skyscraper p{text-align:center}.company-line{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.company-line a{font-weight:700;color:var(--green);text-decoration:underline;text-underline-offset:3px}.company-line a:hover{color:var(--orange)}.company-line>span:last-child{font-size:11px;color:#7d8870}.cook-mode .ad-rail{display:none}
@media(min-width:1280px){.site-body{display:grid;grid-template-columns:minmax(0,1240px) 160px;align-items:stretch;gap:24px;max-width:1464px;padding:0 20px;margin:0 auto}.site-body .wrap{max-width:100%;width:100%}.nav,footer.wrap{max-width:1464px;padding-left:60px;padding-right:60px}.ad-rail{max-width:none;padding:48px 0 0;margin:0 0 40px;min-width:0}.ad-skyscraper{position:sticky;top:24px;display:flex;flex-direction:column;justify-content:flex-start;gap:18px;min-height:600px;height:600px;width:160px;padding:24px 12px;background:#f4eedf70}.ad-skyscraper>span{font-size:8px;letter-spacing:1.2px}.ad-skyscraper p{font-size:11px;line-height:1.8;margin-top:0;color:#929588}.cook-mode .site-body{display:block}}
@media(max-width:850px){.ad-rail{padding-left:23px;padding-right:23px}.company-line{align-items:flex-start;flex-direction:column;gap:8px}}
@media(max-width:760px){.ad-rail{padding-left:20px;padding-right:20px}.nav .brand-icon{font-size:16px}.ad-skyscraper p{font-size:11px}.company-line>span:last-child{font-size:12px}.company-line a{display:inline-block;padding-top:5px;padding-bottom:5px}}
@media(max-width:360px){.ad-rail{padding-left:18px;padding-right:18px}}
@media print{.site-body{display:block}.ad-rail{display:none!important}}
@media(min-width:1280px) and (max-height:700px){.ad-skyscraper{position:static}}
/* A clearly visible ad rail on laptop and desktop screens. */
.header-kitchen{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 14px;border:1px solid #c7d0bb;border-radius:6px;color:var(--green);font-size:12px;white-space:nowrap;background:#eff2e6}.header-kitchen:hover{background:#e1e9d4}.ad-skyscraper{border:1px dashed #aab99b;background:#e9eedf}.ad-placeholder-title{font:400 21px/1.3 Georgia,serif;color:#687958;text-align:center}.ad-size{font-size:9px!important;letter-spacing:.7px!important;color:#78896a}.ad-skyscraper>span:first-child{font-weight:700;color:#647759}.ad-skyscraper p{color:#75866a!important}footer>div>a{font-size:11px;color:#7e8a70;display:inline-flex;align-items:center;min-height:44px}
@media(min-width:1024px){.site-body{display:grid;grid-template-columns:minmax(0,1240px) 160px;align-items:stretch;gap:24px;max-width:1464px;padding:0 20px;margin:0 auto}.site-body .wrap{max-width:100%;width:100%}.nav,footer.wrap{max-width:1464px;padding-left:60px;padding-right:60px}.ad-rail{max-width:none;padding:48px 0 0;margin:0 0 40px;min-width:0}.ad-skyscraper{position:sticky;top:24px;display:flex;flex-direction:column;justify-content:flex-start;gap:24px;min-height:600px;height:600px;width:160px;padding:25px 12px}.ad-skyscraper>span:first-child{font-size:9px;letter-spacing:1.2px}.ad-placeholder-title{margin-top:100px;font-size:21px}.ad-size{line-height:1.7;text-align:center}.ad-skyscraper p{font-size:11px;line-height:1.8;margin:0}.cook-mode .site-body{display:block}}
@media(max-width:1023px){.site-body{display:block;max-width:none;padding:0}.ad-rail{padding:0 40px;margin:0 auto 30px;max-width:1240px}.ad-skyscraper{position:static;min-height:150px;height:auto;width:auto;padding:20px;display:flex;flex-direction:column;gap:8px}.ad-placeholder-title{font-size:20px}.ad-placeholder-title br{display:none}.ad-size{display:none}.ad-skyscraper p{margin:0;font-size:11px}.ad-skyscraper p br{display:none}}
@media(max-width:1100px){.nav .free{display:none}.nav nav{gap:20px}}
@media(max-width:760px){.header-kitchen{font-size:11px;padding:8px 10px;min-height:44px}.ad-rail{padding-left:20px;padding-right:20px}footer>div>a{font-size:12px}.nav{justify-content:space-between}}
@media(max-width:360px){.ad-rail{padding-left:18px;padding-right:18px}}
@media(min-width:1024px) and (max-height:700px){.ad-skyscraper{position:static}}
@media print{.site-body{display:block}.ad-rail,.header-kitchen{display:none!important}}
.recipe-name-input{display:block;width:100%;min-height:44px;padding:10px 12px;margin-bottom:12px;background:#fcfcf7;color:var(--ink);border:1px solid #daddcf;border-radius:6px;font-size:14px}.crop-panel{margin:15px 0 18px;border:1px solid #d8ddca;border-radius:8px;background:#f6f7ee;padding:14px}.crop-panel>summary,.ocr-review>summary{cursor:pointer;font-size:13px;color:#4a6842;min-height:30px}.crop-panel .fine{margin-bottom:13px}.crop-frame{position:relative;overflow:hidden;touch-action:none;border:1px solid #a4b294;border-radius:5px;cursor:crosshair;user-select:none;line-height:0}.crop-frame canvas{display:block;width:100%;height:auto}.crop-selection{position:absolute;left:0;top:0;width:100%;height:100%;border:2px solid #c36a3d;box-shadow:0 0 0 9999px #1b281966;pointer-events:none}.crop-keyboard{margin-top:12px}.crop-keyboard summary{font-size:11px;color:#748267;cursor:pointer;padding:6px 0}.crop-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:10px 0}.crop-fields label{font-size:10px;color:#758368}.crop-fields input{display:block;width:100%;min-height:40px;margin-top:5px;padding:7px;border:1px solid #ccd5bf;border-radius:4px;background:#fffdf7;color:var(--ink)}.crop-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.crop-actions .primary{margin-top:8px;font-size:12px;min-height:44px}.crop-actions .text-btn{min-height:36px;font-size:11px}.ocr-review{margin:13px 0;padding:12px;border:1px dashed #cbd6bc;border-radius:6px}.ocr-review h4{font-size:11px;font-weight:500;color:#79876e}.ocr-review pre{font:11px/1.7 monospace;white-space:pre-wrap;overflow-wrap:anywhere;max-height:220px;overflow:auto;color:#77826c;background:#f9f9f0;padding:10px;border-radius:4px}#serving-source-note{color:#7a8066}
@media(max-width:1100px){.recipe-name-input,.crop-fields input{font-size:16px}}
@media(max-width:760px){.crop-panel{padding:12px}.crop-panel>summary,.ocr-review>summary{font-size:14px;min-height:44px}.crop-keyboard summary{font-size:12px;min-height:44px}.crop-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.crop-fields label{font-size:12px}.crop-fields input{min-height:44px}.crop-actions .primary{font-size:14px}.crop-actions .text-btn{font-size:12px;min-height:44px}.ocr-review pre{font-size:12px}.ocr-review h4{font-size:13px}}
@media print{.crop-panel,.ocr-review{display:none!important}}

.result:focus{outline:2px solid #668a70;outline-offset:4px}input[aria-invalid="true"],textarea[aria-invalid="true"]{border:2px solid #b04e2d}#conversion-status{font-size:14px;line-height:1.6}#result-feedback{font-size:14px}