.post-card { min-inline-size: 0; display: flex; flex-direction: column; gap: var(--space-4); padding-block-end: var(--space-6); }
.post-card__media { display: block; margin-block-end: var(--space-4); aspect-ratio: 216 / 190; overflow: hidden; }
.post-card__image { display: block; inline-size: 100%; block-size: 100%; object-fit: cover; }
.post-card__copy { padding-inline: var(--space-10); }
.post-card__title { margin: 0; font-family: var(--font-heading); font-size: clamp(var(--fs-card-title-min), 1.666667vw, var(--fs-card-title-max)); font-weight: 600; line-height: 1.3; text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.post-card__title a { color: inherit; text-decoration: none; }
.post-card__title a:hover { color: var(--color-brand-action); }
.post-card__excerpt { margin: var(--space-4) 0 0; font-family: var(--font-heading); font-size: clamp(var(--fs-card-description-min), 1.388889vw, var(--fs-card-description-max)); line-height: var(--line-height-label); color: var(--color-case-description); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.post-card__footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-4); margin-block-start: auto; }
.post-card__date { color: var(--color-case-description); font-size: var(--fs-body-large); line-height: var(--line-height-control); }
.post-card__action { margin-inline-start: auto; }
.post-card--related { --post-card-media-ratio: 640 / 380; }
.post-card--related .post-card__media { aspect-ratio: var(--post-card-media-ratio); }
@media (width < 75rem) { .post-card__copy { padding-inline: var(--space-6); } }
@media (width < 48rem) {
    .post-card__copy { padding-inline: var(--space-4); }
    .post-card__title { font-size: var(--fs-label-min); }
    .post-card__excerpt { font-size: var(--fs-card-description-min); }
    .post-card__date { font-size: var(--fs-body); }
}