.blog-preview-card{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);display:block;min-height:100%;padding:8px 8px 16px;transition-duration:.2s;transition-property:border-color,box-shadow,color}@media ((hover:hover) and (pointer:fine)){.blog-preview-card:hover{border-color:#ececec;box-shadow:2px 0 14px 1px var(--color-gray-100)}}@media screen and (min-width:576px){.blog-preview-card.is-row{display:flex;padding-bottom:8px}.blog-preview-card.is-row .blog-preview-card__photo{margin:0;overflow:inherit;padding-right:16px;width:50%}.blog-preview-card.is-row .blog-preview-card__text{max-height:72px;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis;white-space:normal}.blog-preview-card.is-row .blog-preview-card__body{padding:16px 8px;width:50%}}.blog-preview-card__body{padding:0 16px}.blog-preview-card__title{line-height:1.3;margin-bottom:0;margin-top:12px}.blog-preview-card__text{color:var(--color-text-secondary);font-size:14px;margin-bottom:0;margin-top:8px;max-height:96px;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:4;overflow:hidden;text-overflow:ellipsis;white-space:normal}.blog-preview-card__date{align-items:center;color:var(--color-text-secondary);display:flex;font-size:var(--caption-1-font-size);gap:8px;margin:0}.blog-preview-card__date svg{fill:#9494a1}.blog-preview-card__photo{margin-bottom:16px}.blog-preview-card__image{border-radius:8px;height:100%;min-height:200px;-o-object-fit:cover;object-fit:cover;vertical-align:top;width:100%}.blog-preview-card__read-more{color:var(--color-accent-500);margin-top:12px}