.article[data-v-c9d878ba]{border:1px solid var(--color-gray-border);border-radius:var(--border-radius);flex-direction:column;position:relative;overflow:hidden}.article[data-v-c9d878ba],.link[data-v-c9d878ba]{display:flex}.link[data-v-c9d878ba]:hover{opacity:.8;text-decoration:none;transition:opacity .3s}.info-box[data-v-c9d878ba]{padding:20px}.info[data-v-c9d878ba],.info-box[data-v-c9d878ba]{flex-direction:column;gap:10px;display:flex}.info[data-v-c9d878ba]{flex-grow:1}.title[data-v-c9d878ba]{font-weight:var(--font-weight-bold);color:var(--color-text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.thumb[data-v-c9d878ba]{aspect-ratio:16/9;flex-shrink:0;max-width:250px;display:block;position:relative}.thumb[data-v-c9d878ba] img{aspect-ratio:16/9}.thumb figure[data-v-c9d878ba]{height:100%}@container articles (width>480px){.article[data-v-c9d878ba]{flex-direction:row}.info[data-v-c9d878ba]{gap:10px}}