.blog-index{display:flex;flex-wrap:wrap;align-items:flex-start;box-sizing:content-box}.blog-index *{box-sizing:content-box}article.blog-index__post{width:400px;display:flex;flex-direction:column;padding:0px}div.blog-index__post-image-wrapper{width:400px;height:266px;position:relative;overflow:hidden}div.blog-index__post-image-wrapper img{width:400px;height:266px;object-fit:cover}div.blog-index__post-tags{width:360px;padding:10px 20px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}h3.blog-index__post-title{width:360px;height:90px;padding:0px;font-size:1.5em;color:#faab4c}time.blog-index__post-date{width:360px;padding:0px}div.blog-index__post-post-summary{width:360px;height:120px;padding:0px}blog-index__post-content{overflow:hidden}@media(max-width:764px){div.blog-index__post-image-wrapper{margin:20px}}