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