.post-card { --post-card-image-gap: 1.625rem; --post-card-footer-gap: 2.25rem; min-inline-size: 0; display: flex; flex-direction: column; }
.post-card__media { display: block; margin-block-end: var(--post-card-image-gap); aspect-ratio: 216 / 190; overflow: hidden; }
.post-card__image { display: block; inline-size: 100%; block-size: 100%; object-fit: cover; }
.post-card__copy { margin-block-end: var(--post-card-footer-gap); }
.post-card__title { margin: 0; font-family: var(--font-heading); font-size: clamp(var(--fs-label), 1.666667vw, var(--fs-card-title-max)); font-weight: 600; line-height: 1.3; text-transform: uppercase; overflow-wrap: anywhere; }
.post-card__title a { color: inherit; text-decoration: none; }
.post-card__title a:hover { color: var(--color-brand-action); }
.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; }
@media (width < 48rem) {
    .post-card__date { font-size: var(--fs-body); }
}