.recipe-preview{width:min(960px,calc(100% - 32px));max-width:960px;max-height:90dvh;padding:0;border:1px solid #d9dece;border-radius:14px;background:#fffdf7;color:#293c32;overflow:auto}.recipe-preview::backdrop{background:#17241dcc;backdrop-filter:blur(4px)}.recipe-preview .dialog-close{position:sticky;top:12px;float:right;z-index:2;margin:12px 12px -62px 0;background:#fffdf7;border:1px solid #d9dece;border-radius:50%;width:50px;height:50px;color:#293c32}.recipe-preview-photo{position:relative}.recipe-preview-photo img{display:block;width:100%;height:280px;object-fit:cover;object-position:center 52%}.recipe-preview-photo>span{position:absolute;bottom:18px;left:28px;background:#fffdf7;padding:8px 14px;border-radius:4px;font:18px/1.5 Georgia,serif}.recipe-preview-content{padding:32px 40px 40px}.recipe-preview h2{font:normal clamp(36px,5vw,52px)/1.1 Georgia,serif;margin:10px 0 18px}.recipe-preview p,.recipe-preview li{font:18px/1.65 sans-serif}.recipe-preview-intro{max-width:65ch}.recipe-preview-facts{display:flex;gap:36px;border-block:1px solid #d9dece;padding:20px 0;margin:24px 0}.recipe-preview dt{font:16px/1.5 sans-serif;color:#52674a}.recipe-preview dd{font:18px/1.5 sans-serif;margin:4px 0 0}.recipe-preview-columns{display:grid;grid-template-columns:.85fr 1.15fr;gap:36px}.recipe-preview h3{font:normal 28px/1.2 Georgia,serif;margin:8px 0 18px}.recipe-preview ul,.recipe-preview ol{padding-left:24px}.recipe-preview li{padding-left:4px;margin-bottom:12px}.recipe-preview-notes{border-top:1px solid #d9dece;margin-top:24px;padding-top:24px}.recipe-preview-activity{color:#52674a}.recipe-preview-note{display:flex;gap:14px;margin:22px 0}.recipe-preview-note .initial-avatar{flex:none}.recipe-preview-note strong{font:600 18px/1.5 sans-serif}.recipe-preview-note p{margin:4px 0}.recipe-preview details{background:#eef1e6;border-radius:6px;padding:8px 18px}.recipe-preview summary{font:18px/1.5 sans-serif;cursor:pointer;padding:12px 0;min-height:50px}.recipe-photo-card>.recipe-photo-link{display:block;padding:0;min-height:0}.recipe-photo-link img{display:block;width:100%;height:270px;object-fit:cover}.recipe-preview :is(a,button,summary):focus-visible{outline:3px solid #a34529;outline-offset:3px}@media(max-width:640px){.recipe-preview{width:calc(100% - 20px);max-height:94dvh}.recipe-preview-photo img{height:200px}.recipe-preview-content{padding:26px 22px}.recipe-preview-columns{grid-template-columns:minmax(0,1fr);gap:16px}.recipe-preview-facts{gap:24px}.recipe-preview-photo>span{left:18px;font-size:16px}.recipe-preview h3{font-size:26px}}


.recipe-mode-switch{display:flex;gap:8px;padding:16px 28px;border-bottom:1px solid #d9dece;background:#fffdf7;position:sticky;top:0;z-index:1}
.recipe-mode-switch button,.recipe-step-nav button{font:18px/1.5 sans-serif;min-height:50px;border:1px solid #b9c5ae;background:transparent;color:#31513f;border-radius:7px;padding:10px 22px}
.recipe-mode-switch button[aria-pressed=true]{background:#31513f;color:#fffdf7;border-color:#31513f}
.recipe-preview [hidden]{display:none!important}
.recipe-preview[data-recipe-mode=view] .recipe-preview-content{background-color:#fffdf4;background-image:linear-gradient(90deg,transparent 31px,#d7a99880 31px,#d7a99880 32px,transparent 32px),repeating-linear-gradient(transparent 0,transparent 31px,#aebda942 31px,#aebda942 32px);padding:34px 40px 40px 56px}
.recipe-preview[data-recipe-mode=view] .recipe-preview-columns{grid-template-columns:minmax(0,1fr);gap:20px}
.recipe-preview[data-recipe-mode=view] :is(p,li){font:19px/32px Georgia,serif}
.recipe-preview[data-recipe-mode=view] :is(h2,h3,.section-kicker){background:#fffdf4;width:fit-content}
.recipe-ingredient-check{display:none}
.recipe-preview[data-recipe-mode=make] .recipe-preview-photo img{height:180px}
.recipe-preview[data-recipe-mode=make] .recipe-preview-content{background:#fffdf7}
.recipe-preview[data-recipe-mode=make] .recipe-ingredients ul{list-style:none;padding:0}
.recipe-preview[data-recipe-mode=make] .recipe-ingredients li{padding:0;margin:0 0 8px}
.recipe-preview[data-recipe-mode=make] .recipe-ingredient-text{display:none}
.recipe-preview[data-recipe-mode=make] .recipe-ingredient-check{display:flex;align-items:flex-start;gap:12px;width:100%;text-align:left;background:#f2f4ed;border:1px solid #dce1d1;border-radius:8px;padding:12px;font:18px/1.5 sans-serif;min-height:50px}
.recipe-ingredient-check:before{content:'○';color:#52674a;font-size:22px;line-height:27px;flex:none}
.recipe-ingredient-check[aria-pressed=true]{color:#52674a;text-decoration:line-through;background:#e6ecdf}
.recipe-ingredient-check[aria-pressed=true]:before{content:'✓'}
.recipe-preview[data-recipe-mode=make] .recipe-instructions{background:#edf1e6;padding:24px;border-radius:12px;align-self:start}
.recipe-preview[data-recipe-mode=make] .recipe-instructions ol{list-style:none;padding:0;min-height:180px}
.recipe-preview[data-recipe-mode=make] .recipe-instructions li:not(.recipe-current-step){display:none}
.recipe-preview[data-recipe-mode=make] .recipe-instructions li{font:22px/1.6 sans-serif;padding:0}
.recipe-step-nav{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-top:24px}
.recipe-step-nav button{padding:10px 14px;background:#fffdf7}
.recipe-step-nav button:disabled{opacity:.45;cursor:default}
.recipe-preview .recipe-step-status,.recipe-preview .recipe-check-progress{font:16px/1.5 sans-serif;color:#52674a}
.gathering-features article{grid-template-columns:minmax(0,1fr) 104px;gap:10px 22px;text-align:left;padding:26px;align-content:start}
.gathering-features article>h3{grid-column:1;grid-row:1;margin:0;font-size:30px}
.gathering-features article>p{grid-column:1;grid-row:2;margin:0;font-size:18px;line-height:1.6}
.gathering-features article>.gathering-illustration{grid-column:2;grid-row:1/4;border:0}
.gathering-features article>.event-flow{grid-column:1;grid-row:3;margin:4px 0 0;gap:8px;flex-wrap:wrap}
.gathering-features article:not(:has(>.gathering-illustration)){grid-template-columns:minmax(0,1fr)}
@media(max-width:640px){.recipe-mode-switch{padding:12px 18px}.recipe-preview[data-recipe-mode=view] .recipe-preview-content{padding:28px 22px 32px 38px;background-image:linear-gradient(90deg,transparent 22px,#d7a99880 22px,#d7a99880 23px,transparent 23px),repeating-linear-gradient(transparent 0,transparent 31px,#aebda942 31px,#aebda942 32px)}.recipe-preview[data-recipe-mode=make] .recipe-instructions{padding:20px}.gathering-features article{padding:22px;grid-template-columns:minmax(0,1fr) 76px;gap:10px 14px}.gathering-features article>h3{font-size:27px}.gathering-features article>.gathering-illustration{width:76px;height:76px}}

/* Rule each text block from its own line boxes, so wrapping and spacing cannot drift. */
.recipe-preview[data-recipe-mode=view] .recipe-preview-content{background-image:linear-gradient(90deg,transparent 31px,#d7a99880 31px,#d7a99880 32px,transparent 32px)}
.recipe-preview[data-recipe-mode=view] :is(p,li){line-height:32px;background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 26px,#aebda950 26px,#aebda950 27px,transparent 27px,transparent 32px);background-origin:content-box;background-clip:content-box}
.recipe-family-makes{margin-top:32px;padding-top:28px;border-top:1px solid #d9dece}
.family-makes-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.family-make-card{display:block;padding:0;text-align:left;background:#fffdf7;border:1px solid #d9dece;border-radius:10px;overflow:hidden;color:#293c32;width:100%}
.family-make-card>img{display:block;width:100%;height:180px;object-fit:cover}
.family-make-card:nth-child(2)>img{object-position:65% 40%}
.family-make-copy{display:flex;flex-direction:column;gap:8px;padding:20px;font:18px/1.5 sans-serif}
.family-make-copy time{font-size:16px;color:#52674a}.family-make-copy strong{font-weight:600}
.make-reactions{color:#52674a;font:16px/1.5 sans-serif}.make-open{color:#31513f;text-decoration:underline;text-underline-offset:4px;margin-top:4px}
.recipe-preview .make-variation{display:inline-block;padding:8px 12px;border:1px solid #c4cfb7;border-radius:6px;background:#eef1e6;font:16px/1.5 sans-serif}
.recipe-preview .make-byline{font-size:18px;color:#52674a}.make-variation-details{margin-top:28px;padding:22px;background:#eef1e6;border-radius:10px}.make-comments{border-top:1px solid #d9dece;padding-top:24px;margin-top:24px}
@media(max-width:640px){.recipe-preview[data-recipe-mode=view] .recipe-preview-content{background-image:linear-gradient(90deg,transparent 22px,#d7a99880 22px,#d7a99880 23px,transparent 23px)}.family-makes-grid{grid-template-columns:minmax(0,1fr)}.family-make-copy{padding:18px}.family-make-card>img{height:190px}}