.recipe-interactive{max-width:var(--max,1160px);width:calc(100% - 3rem);margin:0 auto 2rem;background:#e9efea;border:1px solid var(--line,#d6ded7);border-radius:1.2rem;padding:clamp(1.2rem,3vw,2rem);box-sizing:border-box;color:var(--ink,#24392c)}
.recipe-control-heading,.recipe-control-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.recipe-control-heading h2{font:700 clamp(1.3rem,3vw,1.7rem)/1.3 'Manrope',sans-serif;margin:0}.recipe-control-row{justify-content:flex-start;margin:1.3rem 0 1rem;gap:1rem 2rem}.recipe-amount>label{display:block;font-weight:750;margin-bottom:.4rem}.recipe-stepper{display:flex;align-items:center;background:#fff;border:1px solid #8d9f92;border-radius:.6rem;overflow:hidden}.recipe-stepper button,.recipe-stepper input{font:inherit;color:inherit;min-height:46px;background:#fff;border:0;text-align:center}.recipe-stepper button{width:46px;font-size:1.4rem;cursor:pointer}.recipe-stepper input{width:5rem;font-weight:750;appearance:textfield;-moz-appearance:textfield;border-inline:1px solid #d6ded7;border-radius:0}.recipe-stepper input::-webkit-inner-spin-button,.recipe-stepper input::-webkit-outer-spin-button{-webkit-appearance:none}.recipe-stepper button:disabled{opacity:.35;cursor:default}.recipe-reset{border:1px solid #809687;border-radius:.5rem;background:transparent;color:inherit;min-height:44px;padding:.6rem 1rem;font:650 .9rem/1.3 'Manrope',sans-serif;cursor:pointer}.recipe-reset:hover,.recipe-stepper button:not(:disabled):hover{background:#dbe5dc}.recipe-basis,.recipe-helper,.recipe-local{font-size:.9rem;line-height:1.5;margin:.4rem 0;color:#465c4c}.recipe-progress{font-weight:700;font-size:.95rem;margin:.6rem 0}.recipe-progress-bar{width:100%;height:.45rem;accent-color:#446b50;border:0;border-radius:1rem;overflow:hidden}.recipe-progress-bar::-webkit-progress-bar{background:#d4dfd5}.recipe-progress-bar::-webkit-progress-value{background:#446b50}.recipe-scale-note{background:#fff;border-left:3px solid #6a865f;padding:.75rem 1rem;font-size:.9rem;line-height:1.55}.recipe-local{font-size:.8rem;margin-top:1rem}.recipe-check-label{display:flex;align-items:flex-start;gap:.75rem;cursor:pointer;min-height:44px}.recipe-check{appearance:auto;flex:0 0 21px;width:21px;height:21px;margin:.18rem 0 0;accent-color:#446b50;cursor:pointer}.recipe-item-text{flex:1;min-width:0;line-height:1.65}.is-checked .recipe-item-text{text-decoration:line-through;color:#667269}.recipe-check:focus-visible,.recipe-interactive button:focus-visible,.recipe-interactive input:focus-visible{outline:3px solid #8b592e;outline-offset:3px}.recipe-method .is-checked::marker{color:#667269}
@media(max-width:760px){.recipe-interactive{width:calc(100% - 2rem)}.recipe-control-heading{align-items:flex-start}.recipe-control-row{gap:.75rem}.recipe-basis{flex-basis:100%}.recipe-method ol{padding-left:1.4rem}.recipe-reset{font-size:.85rem;padding:.6rem .7rem}}
@media print{.recipe-interactive,.recipe-check{display:none!important}.recipe-check-label{display:block;min-height:0}.is-checked .recipe-item-text{text-decoration:none;color:inherit}}