.card{flex:0 0 calc(100% - var(--space-s));display:flex;flex-direction:column;background:var(--color-white);border-radius:4px;overflow:hidden}@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__link:hover .card__title{color:var(--color-brand)}.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;color:var(--color-gray-400)}.card__image--placeholder svg{width:48px;height:48px}.card__content{padding:var(--space-s);display:flex;flex-direction:column;flex:1 1}.card__meta-muted{color:var(--color-text-muted);font-weight:var(--weight-normal)}.card__meta{margin-bottom:var(--space-xs);font-size:var(--text-h5);color:var(--color-text);font-weight:var(--weight-semibold)}.card__meta-muted-text{color:var(--color-text-muted);font-weight:400}.card__title{margin-bottom:var(--space-xs);overflow-wrap:break-word}.card__description{font-size:var(--text-small);color:var(--color-text-muted)}.card__description--clamped{display:-webkit-box;-webkit-line-clamp:var(--line-clamp);-webkit-box-orient:vertical;overflow:hidden}.card__button{margin-top:auto;align-self:flex-start;font-size:var(--text-small)}