.recipe .input-fields{flex-direction:column;align-items:center;display:flex}.recipe .input-fields input.title{text-align:center;color:#ff662e;border-bottom:1px solid #ff662e;max-width:100%;height:1.5em;margin-bottom:1rem;font-size:clamp(2rem,5vw,3rem)}.recipe .input-fields textarea.description{text-align:center;color:#33372c;resize:none;border-bottom:1px solid #ff662e;max-width:100%;margin-bottom:1rem;padding:1rem;font-size:1rem}.recipe>.recipe-content{grid-template-columns:.4fr 1fr;grid-template-areas:"ingredients instructions";gap:3rem;transition:all .3s cubic-bezier(.075,.82,.165,1);display:grid;position:relative}@media screen and (max-width:1400px){.recipe>.recipe-content{grid-template-columns:.6fr 1fr}}@media screen and (max-width:768px){.recipe>.recipe-content{grid-template-columns:1fr;grid-template-areas:"ingredients""instructions"}}@media screen and (min-width:769px){.recipe>.recipe-content:has(.recipe-ingredients.edit-mode){grid-template-columns:.6fr 1fr}}@media screen and (max-width:768px){.recipe>.recipe-content.cook-mode{gap:0;padding-top:1rem}}.recipe>.recipe-content .recipe-ingredients{grid-area:ingredients;height:max-content}.recipe>.recipe-content .recipe-instructions{grid-area:instructions}
