.ArticleCard{width:100%;min-width:0}.ArticleCard a{color:inherit;background:var(--color-surface-raised);border-radius:var(--radius-lg);text-decoration:none;transition:transform .25s,box-shadow .25s;display:flex;position:relative}.ArticleCard a:after{content:"";border-radius:calc(var(--radius-lg) + 4px);box-shadow:0 0 0 1px var(--color-border);opacity:0;pointer-events:none;transition:opacity .3s,transform .3s cubic-bezier(.22,1,.36,1);position:absolute;inset:-4px;transform:scale(.985)}.ArticleCard a:hover:after{opacity:1;transform:scale(1)}.layout-horizontal a{flex-direction:row;align-items:stretch}.layout-vertical a{flex-direction:column}.ArticleCard .Article_img{width:var(--article-card-media-width,100%);aspect-ratio:var(--article-card-media-aspect-ratio,16 / 10);border-radius:10px;flex-shrink:0;position:relative;overflow:hidden}.ArticleCard .ArticleCardMedia{border-radius:inherit;background:var(--color-surface);position:absolute;inset:0;overflow:hidden}.ArticleCard .ArticleCardMedia-skeleton{z-index:2;background:linear-gradient(90deg, var(--color-surface) 25%, var(--color-surface-raised) 37%, var(--color-surface) 63%);background-size:400% 100%;animation:1.4s infinite ArticleCardMedia-shimmer;position:absolute;inset:0}.ArticleCard .ArticleCardMedia img{opacity:0;transition:opacity .18s}.ArticleCard .ArticleCardMedia[data-loaded=true] img{opacity:1}.layout-horizontal .Article_img{margin-bottom:0;margin-right:16px}@media (max-width:900px){.layout-horizontal a{flex-direction:column}.layout-horizontal .Article_img{aspect-ratio:16/10;width:100%;margin-bottom:10px;margin-right:0}}@media (prefers-reduced-motion:reduce){.ArticleCard .ArticleCardMedia-skeleton{animation:none}}@keyframes ArticleCardMedia-shimmer{0%{background-position:100% 0}to{background-position:0 0}}.Article_img img{transition:transform .35s,filter .35s}.ArticleCard a:hover .Article_img img{transform:scale(1.02)}.ArticleCard .content{box-sizing:border-box;flex-direction:column;justify-content:space-between;width:100%;min-width:0;padding:10px 12px 30px;display:flex}.layout-horizontal .content{flex:1 1 0}.layout-vertical .content{flex:auto}.ArticleCard .title{font-size:1.25rem;font-weight:500;line-height:var(--line-height-heading);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:6px 0;display:-webkit-box;overflow:hidden}.ArticleCard .desc{font-size:var(--font-size-small);color:var(--color-text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:6px;line-height:1.4;display:-webkit-box;overflow:hidden}.ArticleCard .card-meta-row{justify-content:space-between;align-items:center;gap:12px;min-width:0;margin-top:10px;display:flex}.ArticleCard .date{font-size:var(--font-size-caption);color:var(--color-text-subtle);white-space:nowrap;flex:none;margin:0}.ArticleCard .tag-box{flex-wrap:nowrap;flex:auto;gap:6px;min-width:0;max-width:min(68%,360px);display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 18px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 18px),#0000)}.ArticleCard .tag{font-size:var(--font-size-caption);border:1px solid var(--color-border);background:var(--color-surface-raised);white-space:nowrap;border-radius:6px;flex:none;margin:0;padding:4px 8px}