/* Display uploaded covers fully without cropping or stretching. */
.story-card .story-art{position:relative;isolation:isolate;overflow:hidden;background:#251624}
.story-card .story-art:has(.story-cover)::before{opacity:.15}
.story-card .story-art:has(.story-cover)::after{pointer-events:none;z-index:3}
.story-card .story-cover{display:block;position:relative!important;inset:auto!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center center!important;max-width:100%;max-height:100%;z-index:2}
.reading-hero-art{min-width:0;max-width:100%;overflow:hidden}
.reading-hero-art img{display:block;width:auto!important;height:auto!important;max-width:100%!important;max-height:min(70vh,650px)!important;object-fit:contain!important;object-position:center;border-radius:12px}
@media(max-width:740px){.reading-hero-art img{max-width:100%!important;max-height:58vh!important}.story-card .story-art{height:190px}}
/* Portrait-friendly card: allocate enough space for a complete uploaded cover. */
.story-card .story-art:has(> .story-cover){height:auto!important;aspect-ratio:4/5;min-height:0;padding:10px;box-sizing:border-box}
.story-card .story-art:has(> .story-cover) .story-cover{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;transform:none}
@media(max-width:600px){.story-card .story-art:has(> .story-cover){aspect-ratio:4/5;height:auto!important}}