.j-recipe-focus{border:1px solid var(--r-hairline,#d5cbbb);background:var(--r-bone,#f7f4ee);margin:28px 0 36px;color:var(--r-ink,#211b16);font-family:var(--r-f-body)}
.j-recipe-focus>summary{cursor:pointer;list-style:none;padding:24px 28px;position:relative;min-height:90px;display:block}.j-recipe-focus summary::-webkit-details-marker{display:none}.j-recipe-focus>summary>.j-kicker{display:block;margin-bottom:12px}.j-recipe-focus>summary>strong{display:block;font:300 clamp(27px,3vw,36px)/1.15 var(--r-f-display);padding-right:30px}.j-recipe-focus>summary>small{display:block;font:400 12px/1.6 var(--r-f-body);color:var(--r-ash);margin-top:10px}
.j-recipe-focus__plus{position:absolute;right:28px;top:42px;color:var(--r-oxblood);font-size:26px;font-weight:300}.j-recipe-focus[open] .j-recipe-focus__plus{transform:rotate(45deg)}
.j-recipe-focus [hidden]{display:none!important}.j-recipe-focus>p{padding:0 28px 20px}
.j-recipe-focus__workspace{padding:0 28px 28px}.j-recipe-focus__shopping{border-block:1px solid var(--r-hairline);margin-bottom:24px}.j-recipe-focus__shopping>summary{display:flex;justify-content:space-between;cursor:pointer;padding-block:16px;font:500 14px/1.5 var(--r-f-body);min-height:44px}.j-recipe-focus__shopping ul{list-style:none;margin:0;padding:0 0 18px}.j-recipe-focus__shopping label{display:flex;gap:10px;align-items:start;cursor:pointer;padding:8px 0;font:400 13px/1.5 var(--r-f-body)}.j-recipe-focus__shopping input{accent-color:var(--r-oxblood);width:18px;height:18px;flex:none;margin-top:1px}.j-recipe-focus__shopping input:checked+span{text-decoration:line-through;color:var(--r-ash)}
.j-recipe-focus__progress{display:flex;align-items:center;gap:24px;font:400 11px/1.5 var(--r-f-mono);color:var(--r-oxblood)}.j-recipe-focus__track{flex:1;background:var(--r-hairline);height:2px}.j-recipe-focus__track i{display:block;width:var(--recipe-progress,0%);height:2px;background:var(--r-oxblood);transition:width .35s}
.j-recipe-focus__scene{background:#ebe2d3;margin-top:20px;padding:20px;color:#735438}.j-recipe-focus__scene .j-cooking-drawing{display:block;max-width:320px;width:100%;height:170px;margin:auto;stroke:currentColor}
.j-recipe-focus__step{padding-top:22px}.j-recipe-focus__step h3{font:300 30px/1.2 var(--r-f-display);margin:0 0 16px}.j-recipe-focus__step :is(p,li){font:400 14px/1.75 var(--r-f-body);margin:0 0 14px}.j-recipe-focus__step a{color:var(--r-oxblood)}.j-recipe-focus__step strong{font-weight:500}
.j-recipe-focus__navigation{display:flex;gap:12px;justify-content:space-between;border-top:1px solid var(--r-hairline);margin-top:22px;padding-top:20px}.j-recipe-focus__navigation button{appearance:none;cursor:pointer;border:1px solid var(--r-oxblood);background:transparent;color:var(--r-oxblood);font:500 12px/1.4 var(--r-f-body);min-height:46px;padding:12px 16px}.j-recipe-focus__navigation button:last-child{background:var(--r-oxblood);color:var(--r-bone)}.j-recipe-focus__navigation button:disabled{opacity:.4;cursor:default}.j-recipe-focus :is(button,summary,input):focus-visible{outline:2px solid var(--r-oxblood);outline-offset:4px}
@media(max-width:749px){.j-recipe-focus>summary{padding:20px}.j-recipe-focus__plus{right:20px;top:36px}.j-recipe-focus__workspace{padding:0 20px 20px}.j-recipe-focus__scene{padding:12px}.j-recipe-focus__scene .j-cooking-drawing{height:140px}.j-recipe-focus__step h3{font-size:27px}.j-recipe-focus__navigation button{font-size:11px;padding:12px}.j-recipe-focus__progress{gap:12px}.j-recipe-focus__shopping label{font-size:13px}}
@media(prefers-reduced-motion:reduce){.j-recipe-focus *{animation:none!important;transition:none!important}}