.recipe-main{padding-bottom:1rem}.recipe-shell{max-width:var(--site-max);margin:0 auto;padding:0 1rem}.recipe-intro{flex-direction:column;gap:1.25rem;margin-top:1rem;display:flex}.recipe-hero{background:color-mix(in oklch, var(--site-line) 42%, var(--site-bg));aspect-ratio:4/3;border-radius:12px;width:100%;max-height:15rem;margin:0;overflow:hidden}.recipe-hero img{object-fit:cover;width:100%;height:100%;display:block}.recipe-hero-empty{height:100%;color:var(--site-ink-3);place-items:center;display:grid}.recipe-hero-empty svg{fill:none;stroke:currentColor;stroke-width:1.1px;stroke-linecap:round;stroke-linejoin:round;width:clamp(3rem,12vw,5rem);height:auto}.crumbs{padding-top:1.25rem}.crumbs ol{color:var(--site-ink-3);flex-wrap:wrap;gap:.3rem .5rem;margin:0;padding:0;font-size:.8rem;list-style:none;display:flex}.crumbs li+li:before{content:"/";color:var(--site-line);margin-right:.5rem}.crumbs a{color:var(--site-ink-2);text-decoration:none}.crumbs a:hover{text-underline-offset:.2em;text-decoration:underline}.recipe-head{min-width:0}.recipe-title{letter-spacing:-.02em;margin:0;font-size:clamp(2rem,7vw,3rem);line-height:1.05}.meta-row{color:var(--site-ink-2);flex-wrap:wrap;align-items:center;gap:.5rem .9rem;margin:.9rem 0 0;font-size:.88rem;display:flex}.meta-row .meta-fact{align-items:center;gap:.35rem;display:inline-flex}.meta-row svg{fill:none;stroke:currentColor;stroke-width:1.35px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.meta-row .figure{font-family:var(--font-sans);font-variant-numeric:tabular-nums;font-size:.9rem}.recipe-rating{color:var(--site-ink)}.badge{letter-spacing:.01em;border-radius:999px;align-items:center;padding:.12rem .6rem;font-size:.78rem;font-weight:600;display:inline-flex}.badge-easy{background:var(--site-ink);color:var(--site-on-ink)}.badge-ambitious{background:var(--site-bloom);color:var(--site-link);box-shadow:inset 0 0 0 1px var(--site-brand)}.badge-make-ahead{color:var(--site-ink-2);box-shadow:inset 0 0 0 1px var(--site-line)}.recipe-lede{color:var(--site-ink-2);max-width:46ch;margin:.9rem 0 0;font-size:1.08rem}.recipe-tools{flex-wrap:wrap;gap:.5rem;margin-top:1.25rem;display:flex}.tool[aria-pressed=true]{border-color:var(--site-brand);background:var(--site-bloom);color:var(--site-link)}.tool-note{min-height:1.35rem;color:var(--site-ink-2);margin:.45rem 0 0;font-size:.8rem}.favourite-tool{min-width:8.2rem}@media not (pointer:coarse){.wake-tool,.tool-note{display:none}}.recipe-build{border:1px solid var(--site-line);background:var(--site-surface);border-radius:14px;margin-top:1.25rem;padding:1.4rem 1.15rem 1.6rem}.build-heading,.method-heading{font-family:Fraunces Variable,Georgia,serif;font-weight:600}.build-heading{margin:0;font-size:1.35rem}.servings{border:0;margin:1rem 0 0;padding:0}.build-head{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.5rem 1rem;display:grid}.build-controls{display:contents}.build-head .servings{grid-area:2/1/auto/-1}.units{border:0;margin:0;padding:0}.build-head .units{grid-area:1/2}.units .serving-steps label{min-width:40px;min-height:34px;font-size:.82rem}.servings legend,.units-legend{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.serving-steps{background:color-mix(in oklch, var(--site-ink) 5%, transparent);border:0;border-radius:999px;gap:2px;padding:2px;display:inline-flex}.serving-steps label{cursor:pointer;min-width:46px;min-height:38px;font-family:var(--font-sans);font-variant-numeric:tabular-nums;color:var(--site-ink-2);border-radius:999px;place-items:center;padding:0 .55rem;font-size:.95rem;display:grid;position:relative}.serving-steps input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}.serving-steps label:hover{color:var(--site-ink)}.serving-steps span{pointer-events:none}.serving-steps label:has(input:checked),.serving-stepper[data-beyond] output{background:var(--site-surface);color:var(--site-ink);box-shadow:0 0 0 1px var(--site-line), 0 1px 2px #0000000f;font-weight:650}.serving-steps label:has(input:focus-visible){outline:2px solid var(--site-link);outline-offset:2px}.serving-control{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.serving-stepper{background:color-mix(in oklch, var(--site-ink) 5%, transparent);border:0;border-radius:999px;align-items:center;gap:2px;padding:2px;display:inline-flex}.serving-stepper button{width:44px;height:38px;color:var(--site-ink);cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;font-size:1.15rem;line-height:1;display:grid}.serving-stepper button:hover:not(:disabled){background:var(--site-surface)}.serving-stepper button:disabled{color:var(--site-ink-3);opacity:.5;cursor:default}.serving-stepper button:focus-visible{outline:2px solid var(--site-link);outline-offset:2px}.serving-stepper output{min-width:38px;height:38px;font-family:var(--font-sans);font-variant-numeric:tabular-nums;color:var(--site-ink-2);border-radius:999px;place-items:center;font-size:.95rem;display:grid}@media (pointer:fine){.serving-steps label,.units .serving-steps label{min-width:34px;min-height:30px;padding:0 .5rem;font-size:.85rem}.serving-stepper button{width:32px;height:30px;font-size:1rem}.serving-stepper output{min-width:30px;height:30px;font-size:.85rem}}.serving-note{min-height:1.3rem;color:var(--site-ink-2);margin:.5rem 0 0;font-size:.8rem}.serving-note:empty{min-height:0;margin:0}.ing-list{margin:.35rem 0 0;padding:0;list-style:none}.ing{border-bottom:1px solid color-mix(in oklch, var(--site-line) 55%, transparent);justify-content:space-between;align-items:baseline;gap:.75rem;padding:.5rem 0;display:flex}.ing:last-child{border-bottom:0}.ing-name{flex:0 auto}.ing-presence{box-sizing:border-box;aspect-ratio:1;background:color-mix(in oklch, var(--site-ink-3) 55%, white);vertical-align:middle;border:0;border-radius:50%;flex:none;width:7px;height:7px;margin-right:.5rem;line-height:0;display:inline-block}.ing-presence[hidden]{display:none}.ing[data-bar-state=owned] .ing-presence{background:var(--site-brand)}.ing-amount{font-family:var(--font-sans);font-variant-numeric:tabular-nums;letter-spacing:.005em;text-align:right;white-space:nowrap;flex:none;font-size:1.08rem;font-weight:600}.ing-note{color:var(--site-ink-3);font-size:.86em}.ing-product{color:var(--site-ink-3);font-size:.8rem;display:block}.bar-add-open{min-height:44px;color:var(--site-link);cursor:pointer;background:0 0;border:0;align-items:center;gap:.35rem;margin-top:.35rem;padding:0;font-size:.88rem;font-weight:650;display:inline-flex}.bar-add-open:hover [data-bar-sheet-label]{text-underline-offset:.2em;text-decoration:underline}.bar-add-open:focus-visible{outline:2px solid var(--site-link);outline-offset:2px;border-radius:6px}.ing-inline{color:var(--site-ink-3);font-size:.82rem}.sub-open{border:1px solid var(--site-line);color:var(--site-ink-2);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:.2rem;margin-left:.4rem;padding:.1rem .45rem;font-size:.76rem;font-weight:600;display:inline-flex}.sub-open:hover{border-color:var(--site-ink-3);color:var(--site-ink)}.sub-open:focus-visible{outline:2px solid var(--site-link);outline-offset:2px}.method-heading{margin:1.75rem 0 0;font-size:1.35rem}.method{counter-reset:step;margin:.6rem 0 0;padding:0;list-style:none}.method li{counter-increment:step;padding:.4rem 0 .4rem 2.35rem;position:relative}.method li:before{content:counter(step);background:var(--site-bloom);width:1.7rem;height:1.7rem;color:var(--site-link);font-family:var(--font-sans);border-radius:999px;place-items:center;font-size:.85rem;font-weight:600;display:grid;position:absolute;top:.45rem;left:0}.recipe-personal-footer{border-top:1px solid var(--site-line);grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:.75rem;margin-top:1.5rem;padding-top:1rem;display:grid}.your-rating{min-width:0}.your-rating form{flex-wrap:wrap;align-items:center;gap:.45rem .8rem;display:flex}.your-rating fieldset{border:0;margin:0;padding:0}.your-rating legend{color:var(--site-ink-2);margin-bottom:.3rem;font-size:.85rem;font-weight:650}.rating-stars{display:flex}.rating-stars label{width:42px;height:42px;color:var(--site-ink-2);cursor:pointer;place-items:center;display:grid;position:relative}.rating-stars input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.rating-stars svg{fill:none;stroke:currentColor;stroke-width:1.35px;pointer-events:none;width:23px;height:23px}.rating-stars label:has(input:checked) svg,.rating-stars label:has(~label input:checked) svg,.rating-stars label:hover svg,.rating-stars label:has(~label:hover) svg{fill:currentColor}.rating-stars label:has(input:focus-visible){outline:2px solid var(--site-link);outline-offset:1px;border-radius:7px}.rating-stars label:has(input:disabled){opacity:.55;cursor:wait}.rating-save{color:var(--site-link);text-underline-offset:.2em;cursor:pointer;background:0 0;border:0;padding:.2rem 0;font-size:.85rem;font-weight:650;text-decoration:underline}.rating-guest-label{color:var(--site-ink-2);margin:0 0 .3rem;font-size:.85rem;font-weight:650}.rating-stars-guest{cursor:pointer;background:0 0;border:0;padding:0}.rating-stars-guest span{width:42px;height:42px;color:var(--site-ink-2);place-items:center;display:grid}.rating-stars-guest svg{fill:none;stroke:currentColor;stroke-width:1.35px;width:23px;height:23px}.rating-stars-guest span:hover svg,.rating-stars-guest span:has(~span:hover) svg{fill:currentColor}.rating-stars-guest:focus-visible{outline:2px solid var(--site-link);outline-offset:2px;border-radius:7px}.your-notes{justify-self:end;width:100%;min-width:0}.your-notes[open]{grid-column:1/-1}.your-notes summary{cursor:pointer;justify-content:space-between;align-items:center;gap:.75rem;width:fit-content;margin-left:auto;list-style:none;display:flex}.your-notes[open] summary{width:100%}.note-toggle{border:1px solid var(--site-line);min-height:44px;color:var(--site-ink-2);border-radius:999px;align-items:center;gap:.65rem;margin-left:auto;padding:.4rem .7rem;font-size:.85rem;font-weight:650;display:flex}.your-notes summary::-webkit-details-marker{display:none}.note-toggle:after{content:"+";color:var(--site-ink-3);font-size:1.15rem;font-weight:400;line-height:1}.your-notes[open] .note-toggle:after{content:"−"}.your-notes summary:hover .note-toggle{border-color:var(--site-ink-3);color:var(--site-ink)}.your-notes summary:focus-visible{outline:none}.your-notes summary:focus-visible .note-toggle{outline:2px solid var(--site-link);outline-offset:2px}.note-panel{margin-top:.5rem}.note-private{min-width:0;color:var(--site-ink-3);font-size:.78rem;display:none}.your-notes[open] .note-private{display:block}.note-view{min-width:0}.note-text{color:var(--site-ink);white-space:pre-line;overflow-wrap:anywhere;margin:0;line-height:1.45}.note-date{color:var(--site-ink-3);font-family:var(--font-sans);font-variant-numeric:tabular-nums;font-size:.76rem}.note-view-actions{flex-wrap:wrap;align-items:center;gap:.4rem 1rem;margin-top:.2rem;display:flex}.note-view-actions form{margin:0}.your-notes [hidden]{display:none!important}.text-action{min-height:44px;color:var(--site-link);text-underline-offset:.2em;cursor:pointer;background:0 0;border:0;align-items:center;padding:0;font-size:.85rem;font-weight:650;text-decoration:underline;display:inline-flex}.note-editor{flex-wrap:wrap;align-items:center;gap:.5rem .75rem;display:flex}.note-editor input{border:1px solid var(--site-line);background:var(--site-bg);min-width:0;min-height:44px;color:var(--site-ink);border-radius:9px;flex:13rem;padding:.55rem .75rem}.note-editor input::placeholder{color:var(--site-ink-3)}.note-editor .tool{flex:none}[data-note-feedback]:not(:empty){color:var(--site-ink-2);margin-top:.45rem;font-size:.8rem;display:block}.bar-merge-actions{gap:.5rem;margin-top:1rem;display:grid}.bar-merge-actions .tool{justify-content:center;width:100%}.bar-merge-actions span{font-size:.8rem;font-weight:400}.recipe-toast{z-index:45;background:var(--site-ink);width:fit-content;max-width:min(32rem,100vw - 2rem);color:var(--site-on-ink);border-radius:12px;margin:0 auto;padding:.75rem 1rem;position:fixed;bottom:1rem;left:1rem;right:1rem;box-shadow:0 8px 24px #0000002e}.recipe-toast button{color:inherit;cursor:pointer;background:0 0;border:0;margin-left:.35rem;padding:.2rem;text-decoration:underline}.recipe-below{margin-top:2rem}.recipe-credit{color:var(--site-ink-2);margin:2rem 0 0;font-size:.88rem}.recipe-below h2,.below-story h2{margin:2rem 0 .6rem;font-size:1.5rem}.recipe-story{white-space:pre-line;max-width:62ch;margin:0}.faq-entry h3,.faq-entry h4{margin:1.1rem 0 0;font-family:Fraunces Variable,Georgia,serif;font-size:1.08rem;font-weight:600}.faq-entry p{max-width:62ch;color:var(--site-ink-2);margin:.3rem 0 0}@media (width>=64rem){.below-faq .faq-list{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:0 3rem;display:grid}}.related-head{justify-content:space-between;align-items:center;gap:1rem;margin:2rem 0 .6rem;display:flex}.recipe-below .related-head h2{margin:0}.related-nav{gap:.5rem;display:flex}.related-nav[hidden]{display:none}.related-row{--related-gap:.9rem;--related-across:2.25;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--related-across) - 1) * var(--related-gap)) / var(--related-across));gap:var(--related-gap);overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0;padding:0;list-style:none;display:grid;overflow-x:auto}.related-row::-webkit-scrollbar{display:none}.related-row>li{scroll-snap-align:start}@media (width>=48rem){.related-row{--related-across:3}}@media (width>=64rem){.related-row{--related-across:4;--related-gap:1.25rem}}@media (prefers-reduced-motion:no-preference){.related-row{scroll-behavior:smooth}}@media (pointer:fine){.related-head:has([data-related-nav]:not([hidden]))+.related-row{cursor:grab}}.related-row a{color:var(--site-ink);text-decoration:none;display:block}.related-thumb{aspect-ratio:3/4;object-fit:cover;background:color-mix(in oklch, var(--site-line) 42%, var(--site-bg));border-radius:10px;width:100%}.related-name{margin-top:.45rem;font-family:Fraunces Variable,Georgia,serif;font-weight:600;line-height:1.2;display:block}.related-row a:hover .related-name{text-underline-offset:.15em;text-decoration:underline}.related-reason{color:var(--site-ink-3);margin-top:.15rem;font-size:.76rem;display:block}.sub-sheet{background:var(--site-surface);width:100%;max-width:34rem;max-height:82dvh;color:var(--site-ink);border:0;border-radius:16px 16px 0 0;margin:0 auto;padding:0;position:fixed;inset:auto 0 0;box-shadow:0 -10px 40px #00000038}.sub-sheet[open]{flex-direction:column;animation:.26s cubic-bezier(.32,.72,0,1) sheet-arrive;display:flex}.sub-sheet::backdrop{background:#161b2073}@keyframes sheet-arrive{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet-head{border-bottom:1px solid var(--site-line);justify-content:space-between;align-items:center;gap:.5rem;padding:1rem 1rem 1rem 1.25rem;display:flex}.sheet-head h2{margin:0;font-size:1.25rem}.sheet-body{padding:1rem 1.25rem 2rem;overflow-y:auto}.sheet-body .method-heading{margin-top:1.25rem;font-size:1.1rem}.sheet-body .build-heading{font-size:1.1rem}.bar-sheet-lede{color:var(--site-ink-2);margin:0 0 .5rem;font-size:.9rem}.bar-pick{margin:0;padding:0;list-style:none}.bar-pick li+li{border-top:1px solid color-mix(in oklch, var(--site-line) 55%, transparent)}.bar-pick label{cursor:pointer;align-items:center;gap:.75rem;min-height:48px;display:flex}.bar-pick input{width:1.2rem;height:1.2rem;accent-color:var(--site-link);cursor:pointer;flex:none;margin:0}.bar-sheet-actions{flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;margin-top:1.25rem;display:flex}.bar-sheet-actions a{color:var(--site-link);font-size:.88rem;font-weight:650}@media (width>=48rem){.recipe-shell{padding-inline:2rem}.recipe-intro{grid-template-columns:clamp(17rem,32vw,25rem) minmax(0,1fr);align-items:center;gap:clamp(2rem,4vw,3rem);margin-top:1.25rem;display:grid}.recipe-hero{aspect-ratio:10/11;border-radius:14px;grid-area:1/1;max-height:none}.recipe-head{grid-area:1/2}.recipe-build{padding:1.75rem 1.75rem 2rem}.recipe-personal-footer:has(.your-notes){grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:2rem}.your-notes[open]{grid-column:auto}.sub-sheet{border-radius:16px;max-height:80dvh;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.sub-sheet[open]{animation-name:sheet-fade}@keyframes sheet-fade{0%{opacity:0}to{opacity:1}}}@media (width<=47.99rem){.recipe-intro{gap:1rem;margin-top:.75rem}.meta-row,.recipe-lede{margin-top:.65rem}.recipe-tools{margin-top:1rem}}@media (width>=60rem){.recipe-build{padding:2rem 2.25rem 2.25rem}.recipe-columns{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:3.5rem;display:grid}.recipe-columns .method-heading{margin-top:.35rem}}@media (width>=76rem){.recipe-top{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:0 3rem;display:grid}.crumbs{grid-area:1/2}.recipe-intro{display:contents}.recipe-head{grid-area:2/2;margin:1rem 0 1.4rem}.recipe-tools{margin-top:1rem}.recipe-hero{aspect-ratio:4/5;border-radius:14px;grid-area:1/1/span 3;align-self:start;margin-top:1.25rem}.recipe-build{border:0;border-top:1px solid var(--site-line);background:0 0;border-radius:0;grid-area:3/2;margin-top:0;padding:1.4rem 0 0}.recipe-top>.recipe-credit{grid-area:4/2}.recipe-shell{--hero-width:calc((100cqi - 3rem) * 5 / 12);container-type:inline-size}.below-story{margin-top:calc(1.25rem + var(--hero-width) * 5 / 4);grid-area:1/1/span 3;align-self:start}.below-story h2{margin-top:1.75rem}.recipe-shell{--pin-top:calc(var(--site-header-height) + .5rem)}.recipe-shell[data-pin] .recipe-hero{top:var(--pin-top);margin-bottom:var(--story-block,0px);position:sticky}.recipe-shell[data-pin] .below-story{top:calc(var(--pin-top) + var(--hero-width) * 5 / 4);position:sticky}.build-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.build-controls{flex-wrap:wrap;align-items:end;gap:.9rem;display:flex}.build-head .servings{margin:0}.recipe-columns{display:block}.recipe-columns>div+div{border-top:1px solid var(--site-line);max-width:66ch;margin-top:2rem;padding-top:1.5rem}.recipe-columns .method-heading{margin-top:0}}@media (prefers-reduced-motion:reduce){.sub-sheet[open]{animation:none}}@media print{.crumbs,.recipe-tools,.tool-note,.servings,.units,.recipe-rating,.sub-open,.bar-add-open,.ing-presence,.recipe-personal-footer,.recipe-toast,.bar-merge-sheet,.recipe-top>.recipe-credit,.below-story,.recipe-below{display:none!important}.serving-note:empty,.recipe-hero:has(.recipe-hero-empty){display:none}.serving-note{color:#333;margin:0 0 2mm;font-size:9pt}.recipe-shell{max-width:none;padding:0;display:block}.recipe-top{display:block}.recipe-hero{position:static}.recipe-head{margin:0;display:block}.recipe-intro{flex-direction:column;align-items:stretch;gap:0;margin:0;display:flex}.recipe-hero{aspect-ratio:16/9;break-inside:avoid;border-radius:3mm;order:-1;max-height:5.8cm;margin-bottom:4mm}.recipe-title{margin:0}.recipe-shell:has(.recipe-columns .ing-list>li:nth-child(8),.recipe-columns .method>li:nth-child(7)) .recipe-hero{max-height:4.2cm}.recipe-shell:has(.recipe-columns .ing-list>li:nth-child(12)) .recipe-hero{max-height:3cm}.recipe-columns>[data-credit]:after{content:attr(data-credit);border-top:.5pt solid var(--site-line);color:#555;margin:3mm 0 0;padding-top:2mm;font-size:8.5pt;display:block}.ing{padding:1.4mm 0}.recipe-build{background:0 0;border:0;grid-template-columns:1fr 1.35fr;align-items:start;column-gap:8mm;margin-top:5mm;padding:0;display:grid}.ing{break-inside:avoid}.build-head,.serving-note{grid-column:1}.build-head{display:block}.recipe-columns{display:contents}.recipe-columns>div:first-child{grid-column:1}.recipe-columns>div+div{border-top:0;grid-area:1/2/span 3;max-width:none;margin-top:0;padding-top:0}.build-heading,.recipe-columns .method-heading{border-bottom:1pt solid var(--print-brass);margin:0 0 1mm;padding-bottom:1.5mm;font-size:14pt;line-height:1.2}.method{margin-top:2mm}.method li:before{border:.75pt solid var(--print-brass);color:var(--print-brass-ink);background:0 0}.method li{break-inside:avoid}.print-masthead.print-only{border-bottom:2pt solid var(--print-brass);color:#333;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:.5mm 6mm;margin:0 0 3mm;padding-bottom:1.5mm;font-size:8.5pt;display:grid!important}.print-masthead .print-wordmark{letter-spacing:-.03em;color:#111;font-size:14pt}.print-masthead .print-tagline{grid-area:2/1}.print-address{white-space:nowrap;grid-area:1/2/span 2;align-self:end}.sub-sheet,.sub-sheet[open]{display:none!important}}