.index-card{margin-bottom:2.5rem;display:flex;flex-wrap:wrap;align-items:center}.index-card .index-img{padding:0 16px;flex:0 0 33.33%;img{display:block;width:100%;height:10rem;-o-object-fit:cover;object-fit:cover;box-shadow:0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);border-radius:.25rem;background-color:transparent}}.index-card .index-info{display:flex;flex-direction:column;justify-content:space-between;padding:.5rem 16px;flex:0 0 66.66%;color:var(--text-color);.index-header{font-size:1.5rem;font-weight:700;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:.25rem}.index-excerpt{margin:.5rem 0;height:calc(1.4rem * 3);overflow:hidden;&:hover{color:var(--link-hover-color)}&>div{width:100%;line-height:1.4rem;word-break:break-word;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}}.index-btm,.index-excerpt{display:flex;color:var(--sec-text-color)}.index-btm{flex-wrap:wrap;font-size:.9rem;a{&:hover{color:var(--link-hover-color)}}.post-meta{align-items:center;.icon{margin-right:.3em}&:not(:last-child){margin-right:1rem}&:last-child>a{margin-right:.2rem}}}}@media (max-width:767px){.index-card .index-img,.index-card .index-info{flex:0 0 100%;max-width:100%}.index-card .index-info{padding-top:1.25rem;.index-header{font-size:1.25rem;white-space:normal;overflow:hidden;word-break:break-word;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.index-excerpt{height:auto;max-height:calc(1.4rem * 3);margin:.25rem 0}}}