.magazine-photo{box-sizing:border-box;margin:16px 0 22px;max-width:360px;color:var(--text-muted,#74645a)}
.magazine-photo>a{display:block;background:#f8f3ee;border:1px solid #e3d4c7;border-radius:6px;padding:8px;line-height:0}
.magazine-photo img{display:block;width:100%;height:auto;max-height:430px;object-fit:contain;object-position:center;margin:0;border-radius:2px}
.magazine-photo figcaption{font-size:12px;line-height:1.65;margin-top:7px;overflow-wrap:anywhere}
.magazine-photo figcaption span,.magazine-photo figcaption small{display:block}
.magazine-photo figcaption a{display:inline-block;margin-top:3px;text-underline-offset:3px}
.magazine-photo figcaption small{font-size:11px}
.magazine-index-card .magazine-photo{float:right;width:116px;max-width:40%;margin:0 0 12px 16px}
.magazine-index-card .magazine-photo img{max-height:166px}
.magazine-index-card .magazine-photo figcaption{font-size:11px;line-height:1.55}
.magazine-index-card .magazine-photo:is([data-magazine-role="web"],[data-magazine-role="editorial"],[data-magazine-role="making"]){float:none;width:100%;max-width:none;margin:0 0 14px}
.magazine-index-card .magazine-photo:is([data-magazine-role="web"],[data-magazine-role="editorial"],[data-magazine-role="making"]) img{max-height:240px}
.magazine-index-card::after{content:"";display:block;clear:both}
.magazine-index-card>.magazine-detail-link{clear:both}
.magazine-photo-note{margin-top:5px}
@media(max-width:380px){.magazine-index-card .magazine-photo{width:100px;margin-left:12px}.magazine-index-card .magazine-photo img{max-height:145px}}
@media(prefers-reduced-motion:reduce){.magazine-photo *{transition:none!important}}