.card{flex:0 0 calc(100% - var(--space-s));display:flex;flex-direction:column;border-radius:var(--radius-s);overflow:hidden}.card:has(.card__title:empty):not(:has(.card__image)):not(:has(.card__description)){display:none}@media (min-width:768px){.card{flex:0 0 280px}}.card__link{text-decoration:none;color:inherit;display:flex;flex-direction:column;flex:1 1}.card__image{aspect-ratio:16/9;overflow:hidden;background:var(--color-gray-200)}.card__image img{width:100%;height:100%;object-fit:cover}.card__image--placeholder{display:flex;align-items:center;justify-content:center;background:var(--color-gray-300);color:var(--color-gray-500)}.card__image--placeholder svg{width:48px;height:48px}.card__content{padding-block:var(--space-s);padding-inline:0;display:flex;flex-direction:column;flex:1 1;min-width:0;overflow-wrap:anywhere;word-break:break-word}.card__meta{margin-bottom:var(--space-xs)}.card__meta-muted,.card__meta-muted-text{color:var(--color-text-muted)}.card__title{margin-bottom:var(--space-xs);overflow-wrap:break-word}.card__description--clamped{display:-webkit-box;-webkit-line-clamp:var(--line-clamp);-webkit-box-orient:vertical;overflow:hidden}.card__button{--btn-text-color:var(--color-text);margin-top:var(--space-xs);align-self:flex-start}