/* Photos keep the compact shelf and expand only on a recipe's detail page. */
.cover.bundled-photo {position:relative;background:var(--light)}
.card .cover.photo>img {position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.cover .recipe-photo {display:block;object-fit:cover;object-position:center}
.cover .recipe-photo[hidden] {display:none}
.photo-credit {position:absolute;left:6px;bottom:6px;max-width:calc(100% - 12px);padding:4px 6px;border-radius:6px;background:#172330eF;color:#fffdf9;font-size:10px;font-weight:600;line-height:1.3;letter-spacing:.01em;pointer-events:none;overflow-wrap:anywhere}
.detail-cover .photo-credit {left:12px;bottom:12px;max-width:calc(100% - 24px);font-size:11px;padding:6px 9px}
.photo-caption {font-size:.75rem;line-height:1.5;color:var(--muted);margin:10px 0 0;max-width:70ch}
.recipe-header:has(.photo) {grid-template-columns:minmax(210px,38%) minmax(0,1fr);align-items:start}
.recipe-header-art:has(.photo) {display:block;min-width:0}
.recipe-header .detail-cover.photo {width:100%;height:auto;aspect-ratio:4 / 3;min-height:0}
.detail-cover.photo>img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.photo-unavailable {min-height:160px;position:relative}
@media(max-width:760px){
 .recipe-header:has(.photo) {grid-template-columns:minmax(0,1fr);gap:20px}
 .recipe-header-art:has(.photo) {display:block}
 .recipe-header .detail-cover.photo {aspect-ratio:16 / 10;max-height:340px;border-radius:16px}
}
@media(prefers-reduced-motion:reduce){.recipe-photo{transition:none}}