/* Shared card copy limits for the three catalog pages. */

/* The complete card is one semantic link, while the article keeps the existing card surface. */
.watch-card-link,
.series-card-link {
    display: block;
    height: 100%;
    color: inherit;
    text-decoration: none;
}

/* Keep both the title and description readable without changing card height. */
.watch-title,
.series-title,
.watch-desc,
.series-desc {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Reserve the poster ratio on the lazy-image wrapper before its img exists. */
.watch-thumb-wrap > .lazy-image,
.series-card > .lazy-image {
    display: block;
    width: 100%;
    aspect-ratio: 2 / 3;
}

/* Preserve the spacing that the original series-card img supplied. */
.series-card > .lazy-image {
    margin-bottom: 0.45rem;
}