.article-card{background:var(--color-white);border-radius:var(--radius-card);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform var(--transition-base),box-shadow var(--transition-base);position:relative}.article-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--color-marine);transform:scaleX(0);transition:transform var(--transition-base);z-index:1}.article-card:hover:before{transform:scaleX(1)}.article-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.article-card-link{display:block;text-decoration:none;color:inherit}.article-card-image{position:relative;aspect-ratio:16/9;overflow:hidden}.article-card-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-base)}.article-card:hover .article-card-image img{transform:scale(1.05)}.article-card-content{padding:var(--spacing-lg)}.article-card-meta{gap:var(--spacing-sm);flex-wrap:wrap;margin-bottom:var(--spacing-sm);font-size:var(--font-size-xs);color:var(--color-text-medium)}.article-card-date,.article-card-meta,.article-card-reading-time{display:flex;align-items:center}.article-card-date:before,.article-card-reading-time:before{content:"•";margin-right:var(--spacing-sm)}.article-card-title{font-family:var(--font-family-heading);font-size:var(--font-size-xl);font-weight:700;color:var(--color-marine);margin:0 0 var(--spacing-sm);line-height:1.3;transition:color var(--transition-fast)}.article-card:hover .article-card-title{color:var(--color-marine-light)}.article-card-description{font-size:var(--font-size-sm);color:var(--color-text-medium);line-height:1.6;margin:0 0 var(--spacing-md);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.article-card-featured{grid-column:span 2}.article-card-featured .article-card-link{display:grid;grid-template-columns:1fr 1fr}.article-card-featured .article-card-image{position:relative;aspect-ratio:4/3;min-height:200px;max-height:300px}.article-card-featured .article-card-content{display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-xl)}.article-card-featured .article-card-title{font-size:var(--font-size-2xl)}.article-card-featured .article-card-description{font-size:var(--font-size-base);-webkit-line-clamp:4}.article-card-compact{box-shadow:none;border:1px solid var(--color-cream-dark)}.article-card-compact .article-card-image{aspect-ratio:3/2}.article-card-compact .article-card-content{padding:var(--spacing-md)}.article-card-compact .article-card-title{font-size:var(--font-size-md)}.article-card-compact .article-card-description{font-size:var(--font-size-xs);-webkit-line-clamp:2}@media (max-width:768px){.article-card-featured{grid-column:span 1}.article-card-featured .article-card-link{display:block}.article-card-featured .article-card-image{aspect-ratio:16/9}.article-card-featured .article-card-content{padding:var(--spacing-lg)}.article-card-featured .article-card-title{font-size:var(--font-size-xl)}}.category-badge{display:inline-block;padding:.25rem .75rem;background:var(--category-bg);color:var(--category-text);font-size:var(--font-size-xs);font-weight:600;border-radius:var(--radius-full);text-decoration:none;text-transform:uppercase;letter-spacing:.5px;transition:background var(--transition-fast),transform var(--transition-fast)}.category-badge:hover{background:var(--color-primary-purple-dark);transform:translateY(-1px)}.category-badge-static{cursor:default}.category-badge-static:hover{transform:none}.tag-list{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.tag{display:inline-block;padding:.25rem .5rem;background:var(--tag-bg);color:var(--tag-text);font-size:var(--font-size-xs);font-weight:500;border-radius:var(--radius-sm);text-decoration:none;transition:background var(--transition-fast),color var(--transition-fast)}.tag:hover{background:var(--color-marine);color:var(--color-white)}.tag-static{cursor:default}.tag-static:hover{background:var(--tag-bg);color:var(--tag-text)}.tag-list-small .tag{padding:.15rem .4rem;font-size:.75rem}