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