@media(max-width:700px){
 .recipes-sticky{--mobile-recipe-width:min(70vw,280px);display:grid;grid-template-areas:"title" "controls" "gallery" "copy";grid-template-columns:minmax(0,1fr);gap:24px;height:auto;min-height:0;padding:30px 0 40px}
 .recipes-title{grid-area:title;padding-inline:var(--gutter)}.recipes-title h2,.recipes-title>p{font-size:var(--heading);line-height:1.1}.recipes-title>p{margin-top:4px}
 .recipe-gallery{grid-area:gallery;position:relative;inset:auto;display:flex;align-items:flex-start;gap:20px;width:100%;max-width:100%;min-width:0;margin:0;padding:10px calc((100% - var(--mobile-recipe-width))/2) 36px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:calc((100% - var(--mobile-recipe-width))/2);scrollbar-width:none;perspective:none}
 .recipe-gallery::-webkit-scrollbar{display:none}.recipe-gallery:focus-visible{outline-offset:-3px}
 .recipe-gallery .recipe-device{position:relative;inset:auto;flex:0 0 var(--mobile-recipe-width);width:var(--mobile-recipe-width);max-width:none;margin:0;scroll-snap-align:center;transform:none;z-index:auto}
 .recipe-gallery .phone{transform:scale(.96);opacity:.7;transition:transform .3s,opacity .3s}.recipe-gallery .is-mobile-recipe-active .phone{transform:scale(1);opacity:1}
 .mobile-recipe-controls{grid-area:controls;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-inline:var(--gutter)}
 .mobile-recipe-controls button{padding:11px 6px;border-color:var(--line);color:var(--ink)}.mobile-recipe-controls button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
 .recipe-copy{grid-area:copy;position:static;inset:auto;margin-inline:var(--gutter);display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px}.recipe-copy p{font-size:17px;max-width:360px}.recipe-copy p br{display:none}
}
@media(prefers-reduced-motion:reduce){.recipe-gallery .phone{transform:none;opacity:1}}