.recipe-reader{text-align:center}.recipe-reader-title{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;gap:8px;align-items:center;margin:14px 0}.recipe-reader-title img{width:48px;height:auto;border-radius:5px;box-shadow:0 3px 5px #60391a30}.recipe-reader-title h2{margin:0;font-size:21px;line-height:1.4;overflow-wrap:anywhere}.recipe-meta{font-size:13px}.recipe-section-title{display:grid;grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;gap:8px;margin:26px 0 12px}.recipe-section-title .item-icon{width:38px;height:38px}.recipe-section-title span{text-align:center}.illustrated-ingredients,.illustrated-steps{list-style:none;padding:0;margin:0;text-align:center}.illustrated-ingredients li,.illustrated-steps li{display:grid;grid-template-columns:40px minmax(0,1fr) 40px;gap:7px;align-items:center;padding:15px 0;border-bottom:1px dashed #d9c29a}.illustrated-ingredients .item-icon,.step-art .item-icon{width:40px;height:40px}.ingredient-copy{text-align:center;overflow-wrap:anywhere}.ingredient-copy strong{font-size:16px;line-height:1.6;font-weight:700}.ingredient-copy small{display:block;font-size:12px;line-height:1.6;margin-top:6px}.step-copy{text-align:center;margin:0;font-size:16px;line-height:1.75;overflow-wrap:anywhere}.step-art{position:relative}.step-number{display:block;font-size:12px;font-weight:700;color:var(--green);margin-top:5px}.recipe-reader p{text-align:center}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:360px){.recipe-reader-title{grid-template-columns:36px minmax(0,1fr) 36px;gap:5px}.recipe-reader-title img{width:36px}.recipe-reader-title h2{font-size:18px}.illustrated-ingredients li,.illustrated-steps li{grid-template-columns:30px minmax(0,1fr) 30px;gap:5px}.illustrated-ingredients .item-icon,.step-art .item-icon{width:30px;height:30px}}
.recipe-reader{clear:both}

/* v0.10: balanced artwork and centered written step labels */
.mirror-icon{transform:scaleX(-1)}
.instructions-heading span:not(.item-icon){font-weight:700;text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}
.illustrated-steps li{row-gap:12px;padding:20px 0}
.illustrated-steps .step-label{grid-column:1/-1;margin:0;font:700 16px/1.5 Cinzel,Georgia,serif;text-align:center;color:var(--ink)}
.illustrated-steps li>.item-icon{width:40px;height:40px}
.step-copy{font-weight:400}
@media(max-width:360px){.illustrated-steps li>.item-icon{width:30px;height:30px}}

/* Keep the following atlas row outside the patty illustration viewport. */
.patty-sprite{clip-path:inset(0 0 8% 0)}