/* Clear step-by-step instructions: readable without process photos. */
.recipe-instructions .full-text > ol{
  list-style:none!important;
  counter-reset:recipe-step!important;
  display:grid!important;
  gap:12px!important;
  margin:0!important;
  padding:0!important;
}
.recipe-instructions .full-text > ol > li{
  counter-increment:recipe-step!important;
  position:relative!important;
  min-height:0!important;
  margin:0!important;
  padding:21px 26px 21px 86px!important;
  border:1px solid #e1e5da!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 7px 18px rgba(41,46,31,.035)!important;
  color:var(--text-dark)!important;
  font-size:.96rem!important;
  line-height:1.7!important;
}
.recipe-instructions .full-text > ol > li::before{
  content:counter(recipe-step)!important;
  position:absolute!important;
  top:50%!important;
  left:22px!important;
  z-index:2!important;
  display:grid!important;
  place-items:center!important;
  width:42px!important;
  height:42px!important;
  margin:0!important;
  border:4px solid #f5f7ef!important;
  border-radius:50%!important;
  background:var(--green-main)!important;
  color:#fff!important;
  box-shadow:0 5px 12px rgba(112,137,76,.22)!important;
  font-size:.92rem!important;
  font-weight:800!important;
  line-height:1!important;
  transform:translateY(-50%)!important;
}
.recipe-instructions .full-text > ol > li:not(:last-child)::after{
  content:""!important;
  position:absolute!important;
  z-index:1!important;
  left:41px!important;
  bottom:-17px!important;
  width:2px!important;
  height:18px!important;
  background:linear-gradient(var(--green-main),rgba(112,137,76,.15))!important;
}
.recipe-instructions .recipe-step-text{display:block!important;max-width:900px!important}
.recipe-instructions .recipe-step-photo{display:none!important}
@media(max-width:600px){
  .recipe-instructions .full-text > ol{gap:10px!important}
  .recipe-instructions .full-text > ol > li{padding:17px 16px 17px 65px!important;font-size:.9rem!important;line-height:1.62!important}
  .recipe-instructions .full-text > ol > li::before{top:50%!important;left:14px!important;width:35px!important;height:35px!important;border-width:3px!important;font-size:.8rem!important}
  .recipe-instructions .full-text > ol > li:not(:last-child)::after{left:31px!important;bottom:-14px!important;height:15px!important}
}
