.article-card{position:relative;display:flex;flex-direction:column;text-decoration:none;color:inherit;border-radius:var(--radius-xl);border:1px solid var(--sg-border-hairline);background:radial-gradient(circle at 0 100%,rgba(var(--brand-green-rgb,80,245,151),.06),transparent 58%),radial-gradient(circle at 100% 0,rgba(var(--brand-cyan-rgb,26,207,255),.05),transparent 58%),var(--sg-white-03);box-shadow:var(--sg-shadow-tile);overflow:hidden;transition:transform var(--sg-motion-base),box-shadow var(--sg-motion-base),border-color var(--sg-motion-base),background var(--sg-motion-base)}.article-card:before{content:"";position:absolute;inset:0 0 auto 0;height:1px;background:var(--sg-accent-component);z-index:2;pointer-events:none}@media (hover:hover){.article-card:hover{transform:translateY(-2px);border-color:var(--sg-border-emphasis);box-shadow:var(--sg-shadow-tile-hover);background:radial-gradient(circle at 0 100%,rgba(var(--brand-green-rgb,80,245,151),.1),transparent 58%),radial-gradient(circle at 100% 0,rgba(var(--brand-cyan-rgb,26,207,255),.08),transparent 58%),var(--sg-white-04)}}.article-card:focus-visible{outline:2px solid var(--sg-cyan-focus-outline);outline-offset:3px}.article-card__image-wrap{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--sg-canvas-deep)}.article-card__image{object-fit:cover;transition:transform .4s cubic-bezier(.25,.46,.45,.94)}@media (hover:hover){.article-card:hover .article-card__image{transform:scale(1.03)}}.article-card__reading-time{position:absolute;top:var(--space-3);right:var(--space-3);z-index:2;display:inline-flex;align-items:center;padding:4px 10px;border-radius:var(--radius-full);background:rgba(var(--brand-cyan-rgb,26,207,255),.18);border:1px solid rgba(var(--brand-cyan-rgb,26,207,255),.32);color:var(--sg-tint-cyan);font-size:var(--text-2xs);font-weight:var(--font-semibold);letter-spacing:.04em;-webkit-backdrop-filter:blur(12px) saturate(140%);backdrop-filter:blur(12px) saturate(140%)}.article-card__content{padding:18px 20px 20px;display:flex;flex-direction:column;gap:10px}.article-card__tag{align-self:flex-start;display:inline-flex;align-items:center;padding:4px 10px;border-radius:var(--radius-full);background:rgba(var(--brand-cyan-rgb,26,207,255),.1);border:1px solid rgba(var(--brand-cyan-rgb,26,207,255),.22);color:var(--brand-cyan);font-size:var(--text-2xs);font-weight:var(--font-semibold);letter-spacing:.1em;text-transform:uppercase;width:fit-content}.article-card__meta{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-1);font-size:var(--text-xs);color:var(--sg-text-faint);flex-wrap:wrap}.article-card__meta-dot{width:2px;height:2px;border-radius:var(--radius-full);background:var(--sg-text-faint);flex-shrink:0}.article-card__title{margin:0;font-size:var(--text-lg);font-weight:var(--font-semibold);letter-spacing:-.01em;line-height:1.35;color:var(--sg-text-soft);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color var(--sg-motion-base)}@media (hover:hover){.article-card:hover .article-card__title{color:var(--brand-cyan)}}.article-card__excerpt{margin:0;font-size:var(--text-sm);line-height:1.55;color:var(--sg-text-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-card[data-size=large]{background:radial-gradient(circle at 0 100%,rgba(var(--brand-green-rgb,80,245,151),.1),transparent 58%),radial-gradient(circle at 100% 0,rgba(var(--brand-cyan-rgb,26,207,255),.08),transparent 58%),var(--sg-white-04)}.article-card[data-size=large] .article-card__title{font-size:clamp(22px,2vw,26px)}.article-card[data-size=large] .article-card__excerpt{-webkit-line-clamp:3}.article-card__body{display:contents}.article-card__arrow,.article-card__footer,.article-card__meta-separator{display:none}@media (max-width:640px){.article-card__content{padding:var(--space-4);gap:10px}.article-card__title{font-size:var(--text-base-plus)}.article-card[data-size=large] .article-card__title{font-size:var(--text-lg-plus)}}@media (prefers-reduced-motion:reduce){.article-card,.article-card__image,.article-card__title{transition:none}.article-card:hover,.article-card:hover .article-card__image{transform:none}}