.article-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:transform var(--transition-base),box-shadow var(--transition-base);flex-direction:column;height:100%;display:flex;overflow:hidden}.article-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.article-card-image{background:var(--bg-secondary);width:100%;padding-top:56.25%;position:relative}.article-card-content{padding:var(--space-6);flex-direction:column;flex:1;display:flex}.article-card-title{font-family:var(--font-primary);margin:0 0 var(--space-3)0;color:var(--text-primary);font-size:1.25rem;font-weight:700;line-height:1.4}.article-card-date{font-family:var(--font-mono);color:var(--text-tertiary);margin-bottom:var(--space-3);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem}.article-card-excerpt{color:var(--text-secondary);margin-bottom:var(--space-4);flex:1;font-size:.875rem;line-height:1.6}.article-card-link{color:var(--primary-blue);transition:color var(--transition-fast);align-self:flex-start;font-size:.875rem;font-weight:600;text-decoration:none}.article-card-link:hover{color:var(--primary-blue-hover)}.article-container{max-width:800px;padding:var(--space-12)var(--space-4);margin:0 auto}.article-header{text-align:center;margin-bottom:var(--space-8)}.article-meta{justify-content:center;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);color:var(--text-secondary);font-family:var(--font-mono);font-size:.875rem;display:flex}.article-title{font-family:var(--font-primary);color:var(--text-primary);margin-bottom:var(--space-6);letter-spacing:-.5px;font-size:2.5rem;font-weight:800;line-height:1.2}.article-subtitle{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:1.25rem;line-height:1.6}.article-featured-image{border-radius:var(--radius-lg);width:100%;height:auto;margin-bottom:var(--space-10);box-shadow:var(--shadow-md)}.article-content{color:var(--text-primary);font-size:1.125rem;line-height:1.8}.article-content h2{margin:var(--space-10)0 var(--space-6);color:var(--text-primary);letter-spacing:-.25px;font-size:1.75rem;font-weight:700}.article-content h3{margin:var(--space-8)0 var(--space-4);color:var(--text-primary);font-size:1.35rem;font-weight:600}.article-content p{margin-bottom:var(--space-6)}.article-content ul,.article-content ol{margin-bottom:var(--space-6);padding-left:var(--space-6)}.article-content li{margin-bottom:var(--space-3)}.article-tags{gap:var(--space-2);margin-top:var(--space-12);padding-top:var(--space-8);border-top:1px solid var(--border-color);flex-wrap:wrap;display:flex}.article-tag{background:var(--bg-secondary);color:var(--text-secondary);padding:var(--space-2)var(--space-4);border-radius:var(--radius-full);font-size:.875rem;font-weight:500}.articles-landing-header{text-align:center;padding:var(--space-16)var(--space-4);background:var(--bg-secondary);margin-bottom:var(--space-12)}.articles-landing-title{margin-bottom:var(--space-4);color:var(--text-primary);letter-spacing:-1px;font-size:3rem;font-weight:800}.articles-grid{gap:var(--space-8);max-width:1200px;padding:0 var(--space-6);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin:0 auto;display:grid}.category-section{max-width:1200px;margin:0 auto var(--space-16);padding:0 var(--space-6)}.category-title{margin-bottom:var(--space-8);justify-content:space-between;align-items:center;font-size:2rem;font-weight:700;display:flex}.view-all-link{color:var(--primary-blue);font-size:1rem;font-weight:600;text-decoration:none}@media (max-width:768px){.article-title{font-size:2rem}.articles-landing-title{font-size:2.25rem}.article-container{padding:var(--space-6)var(--space-4)}}