.ctx-blog.com-article-item{background:var(--color-bg-card);border-radius:var(--radius-03);color:var(--color-text-base);display:flex;flex-wrap:wrap;gap:24px;padding:16px}.ctx-blog.com-article-item.--hide{opacity:.5}.ctx-blog.com-article-item .area-img{border-radius:var(--radius-04);height:128px;width:128px}.ctx-blog.com-article-item .area-text{display:flex;flex:1;flex-direction:column;max-width:calc(100% - 152px);row-gap:8px}.ctx-blog.com-article-item .area-text .date{color:var(--color-text-label);font-family:var(--family-sub);font-size:var(--font-size-caption)}.ctx-blog.com-article-item .area-text .box-text{display:flex;flex:1;flex-direction:column;row-gap:4px}.ctx-blog.com-article-item .area-text .box-text .name{display:block;font-size:var(--font-size-subtitle-s);font-weight:var(--weight-semibold);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ctx-blog.com-article-item .area-text .box-text .description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--color-text-description);font-size:var(--font-size-body-m);max-height:2.4em;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-break:keep-all}.ctx-blog.com-article-item .area-text .box-category{display:flex;justify-content:flex-end}.ctx-blog.com-article-item .area-text .box-category .category{background:var(--color-bg-label);border-radius:2px;color:var(--color-text-label);font-size:var(--text-size-caption);padding:2px 8px}.ctx-blog.com-article-item .area-btn{-moz-column-gap:10px;column-gap:10px;display:flex;width:100%}.ctx-blog.com-article-item .area-btn .btn{flex:1}@media(max-width:1024px){.ctx-blog.com-article-item{flex-direction:column;gap:24px}.ctx-blog.com-article-item .area-img{height:0;padding-bottom:56.25%;width:100%}.ctx-blog.com-article-item .area-text{max-width:100%}}