/* Paired product banners for cookie-related posts. */
html body .arkerecipes-recipe-promos{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;width:100%!important;max-width:900px!important;margin:24px auto 32px!important;padding:0!important;clear:both!important;float:none!important;align-items:start!important;box-sizing:border-box!important}
html body .arkerecipes-recipe-promos>div{display:block!important;min-width:0!important;width:100%!important;margin:0!important;padding:0!important;float:none!important;box-sizing:border-box!important}
html body .arkerecipes-recipe-promos a{display:block!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;line-height:0!important;box-shadow:none!important}
html body .arkerecipes-recipe-promos img{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;margin:0 auto!important;object-fit:contain!important;visibility:visible!important;opacity:1!important}
@media(max-width:680px){html body .arkerecipes-recipe-promos{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;margin:18px auto 24px!important}}

/* On phones, place the listicle number above the content instead of reserving a side column. */
@media(max-width:680px){
  html body .entry-content ol.arke-steps>li{padding:68px 14px 18px!important}
  html body .entry-content ol.arke-steps>li::before{left:14px!important;top:14px!important}
  html body .entry-content ol.arke-steps>li>h2,
  html body .entry-content ol.arke-steps>li>p,
  html body .entry-content ol.arke-steps>li>p>a,
  html body .entry-content ol.arke-steps>li>p>a>img{width:100%!important;max-width:100%!important;box-sizing:border-box!important}
  html body .entry-content ol.arke-steps>li>p>a{display:block!important}
  html body .entry-content ol.arke-steps>li>p>a>img{display:block!important;height:auto!important}
}